Javascript AngularJS指令

我在此链接研究AngularJS指令：

当我谈到最后一个关于：创建通信指令的示例时

我确实找到了这一行（来自script.js）：

问题是我不知道这行的意思，我知道title是一个独立的范围属性，但是

@

是什么，我知道：

• “=”是属性名称与值相同的位置

• '=info'其中info是属性

---

但是上面链接中的文档并没有解释什么是

@

，我最好的猜测是，当

@

是值时，分配给

title

属性的值是title属性的值，但我不确定是否有人能帮我理解它是什么，我将非常感谢，谢谢大家，祝你们度过愉快的一天。

@

是一种隔离作用域绑定（如

=

）。但是，

@

表示只获取属性的值，而不创建到外部范围的双向绑定

因此，如果您想在指令中使用某个值，但该值在该指令实例的持续时间内没有更改，那么

@

是一个不错的选择

如果要为指令模板设置颜色，可以举一个简单的例子：

<my-color-box color="red"></my-color-box>

然后，在指令中使用如下属性：

app.directive('myColorBox', function() {

   return {
      restrict: E,
      scope: {
         color: '@'
      },
      template: '<div style="background-color: {{color}}"></div>'
   }
});

app.directive（'myColorBox'，function（）{
返回{
限制:E,，
范围：{
颜色：“@”
},
模板：“”
}
});

@

是一种隔离作用域绑定（类似于

=

）。但是，

@

表示只获取属性的值，而不创建到外部范围的双向绑定

因此，如果您想在指令中使用某个值，但该值在该指令实例的持续时间内没有更改，那么

@

是一个不错的选择

如果要为指令模板设置颜色，可以举一个简单的例子：

<my-color-box color="red"></my-color-box>

然后，在指令中使用如下属性：

app.directive('myColorBox', function() {

   return {
      restrict: E,
      scope: {
         color: '@'
      },
      template: '<div style="background-color: {{color}}"></div>'
   }
});

app.directive（'myColorBox'，function（）{
返回{
限制:E,，
范围：{
颜色：“@”
},
模板：“”
}
});

以下是更好的文档。请看关于@parameter的视频。感谢您的网站Rantiev。这里有一个更好的文档。请看关于@parameter的视频。谢谢你的网站Rantiev。谢谢你Davin，我想我现在明白了。一开始理解起来可能很难，但一旦你开始使用它们，它就会有意义。谢谢你Davin，我想我现在明白了。一开始理解起来可能很难，但一旦你开始使用它们，它就会有意义。