标签：javascript angularjs angularjs-directive html document-ready

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。