我正在尝试使用angularJs 创建自定义标记.此标记具有名为的属性data.data得到它这样的价值<skillviz data="{{user.info}}"></skillviz>.user.info是一个JSON对象.但是,当我尝试data在我的指令定义中访问此属性时,我得到了undefined.这样做的正确方法是什么?
HTML代码
<div id="info-box" ng-repeat="user in users | orderBy:orderProp">
<div id="skill-block">
<skillviz height="50" data="{{user.skills}}"></skillviz>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
users是在控制器中声明的JSON类型对象.所以基本上users将是一个列表(数组)
{"first_name": "Tifanny",
"last_name": "Maxwell",
"skills": [
{"name": "Java", "score": 4.8, "color" : "red"},
{"name": "C++", "score": 4.0, "color" : "blue"},
]
},
Run Code Online (Sandbox Code Playgroud)
services.js
angular.module('yott', []).directive('skillviz', function () {
return {
restrict: 'E',
link: function (scope, element, attrs) {
element.html("<script>alert(" + attrs['data'] + ")</script>");
}); …Run Code Online (Sandbox Code Playgroud)