有一个问题,我想在指令中得到一些东西 我想在html中设置它 那么,如何在html中设置,并获得指令?
有html
<div my-directive="Bob">
<div>
directive.js
App.directive('myDirective', function () {
link: function () {
console.log('xxx')
}
})
如何在指令中获得Bob
?
答案 0 :(得分:5)
是的,使用attrs
link: function (scope, element, attrs) {
console.log(attrs.myDirective); // Outputs Bob
}
attrs
对象包含键值对,其中键是元素上属性的规范化属性名称,值是每个属性的字符串值。
答案 1 :(得分:2)
是您可以在指令中使用参数。
这是单向数据绑定解决方案
<强>控制器强>: 的 的
的$scope.options = {one: "first, two: "second"};
的 查看强>:
的
的<div databinding="options"></div>
的
在 javascript :
中的
的app.directive('databinding', function () {
return{
scope: {
options: "@" //Can also use = here
},
link: function (scope, elm, attrs) {
console.log(scope.options);
}
}
});
的