javascript - 就绪函数指令应该只执行一次

Question

您好专家我有一个指令'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

问题是这个指令在循环中调用，每次调用这个代码的指令执行都会产生问题。 ( View 中有太多背景类不会让侧边导航按预期关闭)

我希望这段代码只执行一次。

我该如何解决这个问题。

提前致谢

Answer 1

只需使用一个 true 指令，就像这样:

angular.module('[moduleName]').directive('buttonCollapse', function(){
    return{
         restrict:'C',
         link:function(scope, element, attrs){
             $(element).sideNav({
               menuWidth: 450,
               edge: 'right', 
               closeOnClick: true 
             });
         }
    }
})