angularjs – 将文字属性值传递给angular js指令
发布时间:2020-12-17 17:13:05 所属栏目:安全 来源:网络整理
导读:我在理解属性值如何在AngularJS指令中工作时遇到了一些麻烦.无论我尝试什么,当我尝试在指令控制器中使用它们时,文字属性值都是未定义的. 在我的HTML中说我引用了这样的指令: div ng-controller="MyCtrl" my-directive reference-attr='referenceVal' litera
我在理解属性值如何在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.最新版本表现出预期的行为.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |