首页 > angular中指令嵌套出现冲突的问题

angular中指令嵌套出现冲突的问题

在目前项目中,有个问题,在最前面的版本中,对按钮button应用了一个自定义指令,实现一个模态框的弹出,在后续的升级中,我需要在这个DOM元素上新增另一个指令,作为权限验证,但起了冲突。

权限验证要达到的目的是当无此权限时,会让按钮成不可用状态并改变其CSS样式,告诉用户次按钮不可用,如果有此权限,则可点击并弹出模态框

但出现的错误提示,多个指令调用同一资源文件,angular官方提供的说法是删除一个。。。

优先级的做法也用过,不行。

跪求解决方案,在线等,急。。。。。


给你提供一个思路。
在你的modal框的directive提供controller, 提供一些方法来操作directive中的一些状态, 根据状态使directive的行为失效。
directive:auth读取权限,require modalController,根据权限调用方法改变modal directive中的状态。


楼上的方法不错,但不是这个问题引起的,后来我发现,是scope作用域的问题,设置成true导致的问题,去掉scope或设置成false即可解决问题,原因我也不太清楚。


能不能设置指令执行的顺序.

【热门文章】
【热门文章】