我正在尝试在指令的范围内设置变量:
HTML:
<div personalize-product>
Owned: {{ isOwned }}
</div>
咖啡:
angular.module('yoApp').directive 'personalizeProduct', ->
restrict: 'A'
link: (scope, el, attrs) ->
scope.isOwned = 'maybe'
但是它不起作用。我显然错过了一些东西,但我无法在 Angular 文档中找到答案。
编辑:我应该提到 - 我不想将 isOwned 传递给指令,我希望指令负责设置它。
最佳答案
这是工作代码:
HTML:
<body ng-app="yoApp">
<div personalize-product product-id="6">
</div>
<div personalize-product product-id="8">
</div>
</body>
JS:
angular.module('yoApp', [])
.directive('personalizeProduct', function() {
return {
restrict: 'A',
scope: {},
link: function(scope, el, attrs) {
scope.isOwned = attrs.productId;
},
template: '<div>{{isOwned}}</div>'
}
})
关于javascript - AngularJS : directive scope,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23610732/