ready函数上的指令应该只执行一次
ready函数上的指令应该只执行一次
提问于 2016-04-22 15:08:25
大家好，我有一个指令'my-table‘，其中有一个编辑记录的按钮。在指令模板(html文件)中，我有一个按钮
<a data-activates="editScreen" class="button-collapse">Edit
</a>内部JS文件
angular.element(document).ready(function () {
$('.button-collapse').sideNav({
menuWidth: 450,
edge: 'right',
closeOnClick: true
});
})我想在文档就绪函数上初始化sideNav
问题是这个指令在循环中调用，每次指令调用这个代码时，都会产生问题。(视图中的背景类太多，不会让side nav像预期的那样关闭)
我希望这段代码只执行一次。
我该如何解决这个问题。
提前感谢
回答 1
Stack Overflow用户
发布于 2016-04-22 15:17:26
只需使用真正的指令，如下所示：
angular.module('[moduleName]').directive('buttonCollapse', function(){
return{
restrict:'C',
link:function(scope, element, attrs){
$(element).sideNav({
menuWidth: 450,
edge: 'right',
closeOnClick: true
});
}
}
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36787217
复制相关文章
相似问题
腾讯云开发者
