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

嗨专家我有一个指令’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

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

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

我该如何解决这个问题.

提前致谢

解决方法:

只需使用一个真正的指令,如下所示：

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

标签：javascript,angularjs,angularjs-directive,html,document-ready
来源： https://codeday.me/bug/20190711/1431159.html