angularJS scope @ 作用
时间: 2023-09-29 13:08:03 浏览: 93
AngularJS 0005:作用域
在AngularJS中,@符号用于在directive的scope中传递字符串类型的参数。当directive需要从父作用域中获取一个字符串类型的值时,可以使用@符号传递该值。使用@符号时,指令中使用的属性名必须与父作用域中属性名相同。
例如,我们可以在HTML中这样使用directive来传递一个字符串参数:
```
<my-directive my-attribute="someString"></my-directive>
```
在directive的定义中,我们可以使用@符号将my-attribute的值传递给directive的scope中的一个属性:
```
app.directive('myDirective', function() {
return {
scope: {
myAttribute: '@'
},
link: function(scope, element, attrs) {
console.log(scope.myAttribute); // 输出: someString
}
};
});
```
在上面的例子中,我们将my-attribute的值传递给directive的scope中的myAttribute属性,并且可以在link函数中通过scope.myAttribute来访问该值。
阅读全文