![](/img/trans.png)
[英]how to make custom directive or pass variable in directive in angular js
[英]Pass variable to custom Angular directive
我有一个手风琴清单,我希望能够在其中打开某些物品。 我创建了手风琴打开指令,如果shouldBeOpen为true,则该指令应打开特定项目
这是HTML元素(项目以循环方式打印)
<div class="m-list-item-head accordion-item" accordion-open="{{shouldBeOpen}}">
这是我的自定义指令
(function () {
'use strict';
angular.module('myApp').directive('accordionOpen', function () {
return {
restrict: 'A',
link: function(scope, element) {
if (open) {
$(element).closest('.accordion-item').siblings().slideDown('fast');
$(element).closest('.accordion-item').addClass('opened');
}
}
}
});
})();
我无法阅读指令中的手风琴打开的内容。
不需要插值表达式。 因此更改为:
accordion-open="shouldBeOpen"
接下来,将attrs
添加到链接函数中:
link: function(scope, element, attrs)
并使用$eval
获取链接函数中属性的值:
console.log(scope.$eval(attrs.accordionOpen))
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.