Question

嗨专家我有一个指示＆＃39; my-table＆＃39;其中有一个编辑记录按钮。内部指令模板（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

问题是这个指令在循环中调用，并且每次调用此代码的指令都会产生问题。（如此多的Backdrop类在视图中不会让侧导航按预期关闭）

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

我该如何解决这个问题。

先谢谢

Answer 1

只需使用真正的指令，如下所示：

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

就绪功能的指令应该只执行一次

1 个答案: