我在理解属性值如何在AngularJS指令中工作时遇到了一些麻烦.无论我尝试什么,当我尝试在指令控制器中使用它们时,文字属性值都是未定义的.
在我的HTML中说我引用了这样的指令：
<div ng-controller="MyCtrl">
<my-directive reference-attr='referenceVal' literal-attr='literalVal'></my-directive>
</div>
referenceVal和literalVal都在我的控制器中定义,如下所示：
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.referenceVal = 'This was passed by reference';
$scope.literalVal = 'This was also passed by reference,but should have been literal';
}
我试着在我的指令中接受它们：
myApp.directive("myDirective",function () {
return {
restrict: "E",replace: true,scope: {
referenceAttr: "=",literalAttr: "@"
},template: '<div><p>Reference:{{referenceAttr}}</p><p>Literal:{{literalAttr}}</p></div>',controller: function ($scope) {
alert("ref: " + $scope.referenceAttr + ",lit: " + $scope.literalAttr);
}
};
});
输出看起来很好：
Reference: This was passed by reference Literal: literalVal
但警告信息是废话：
ref: This was passed by reference,lit: undefined
您可以使用this JSFiddle自己尝试一下
知道为什么literalAttr在这一点上在指令范围内是未定义的？
解决方法
对于最早版本的Angular,这是一个问题,例如小提琴中使用的1.0.1.最新版本表现出预期的行为.
