需要一些自定义AngularJS标记中绑定属性的示例

Question

<mytag type="Big" />

<label>{{type}}</label>

...（其他组成部分）...

正如文档所说，我有一个设置默认类型的控制器：

$scope.type = "Small";

这样，如果我在不使用属性的情况下使用标记，则仍然会设置属性类型。

angular.module('TestPage',[])
      .directive('mytag',function() {
          return {
              restrict: 'E',
              templateUrl: 'component.html',
              scope: {
                  type: '='
              }
          }
      });

啊？？？所有这些与绑定的正确语法有什么关系？

=or=expression-在本地作用域属性和父作用域属性之间设置双向绑定。如果没有指定attr名称，则本地名称和属性名称相同。给定作用域的小部件定义：{localmodel:'=myattr'}，则小部件作用域属性localName将反映父作用域上parentModel的值。对parentModel的任何更改都将反映在localModel中，localModel中的任何更改都将反映在parentModel中。

打扰一下？这里在说什么？？？

有人能提供一些好的，简单的例子，如何做各种绑定，本文档是如此努力描述？？？这些示例显示了这些作用域语句的正确语法，以及它们如何返回到添加到自定义标记的属性的描述（用简单的英语）？？？

感谢您的耐心，并提前感谢您的任何帮助。

Answer 1

在第一次进入angular时，我也对这篇文档进行了一些挣扎，但我将尝试为您澄清一些事情。首先，当使用这个scope属性时，它会创建一个“独立的作用域”。这意味着它不会从父作用域继承任何属性，因此您不必担心作用域内的任何冲突。

现在，'@'表示法意味着属性中的计算值将自动绑定到指令的作用域中。因此， 最终将使作用域具有一个名为foo的属性，该属性保存字符串“bar”。您还可以执行类似 的操作，然后将 {{bar}}的计算值绑定到作用域。由于属性始终是字符串，因此在使用此表示法时，您将始终在作用域中为该属性提供一个字符串。

“=”表示法基本上提供了一种将对象传递到指令中的机制。它总是从指令的父范围中提取该属性，因此该属性永远不会有{{}}。因此，如果您有 ，它将在指令作用域的foo属性中将$scope.bar中的内容绑定到指令中。您在作用域内对foo所做的任何更改都将在父作用域中的bar中重新选择，反之亦然。

scope: {
   foo1: '@',
   foo2: '=',
   foo3: '&'
}

scope: {
   foo1: '@bar1',
   foo2: '=bar2',
   foo3: '&bar3'
}