javascript – 指令多个模态中的UI Bootstrap模式,但只打开一个

如在this Plunkr中所见,我有两个模态,每个模态在模态一和模态二的单独指令中.

问题是,即使单击模态2按钮,也只打开模态1.

我猜它与$scope上的.open方法有关被覆盖了吗？

我该如何预防呢？
谢谢！

解决方法:

基本上在场景后面你共享一个范围最长的指令,因为你没有指定范围内的scope属性,它设置为false(它将共享范围).因此,当第一个指令被加载时,它会使用弹出代码注册$scope.open方法.当另一个指令呈现时,它采用相同的范围并覆盖$scope.open方法.

您可以通过使指令范围使用范围来轻松解决此问题：true / scope：{}

Working Demo

否则,您可以共享相同的范围,但是您需要在两个指令之一中更改方法名称.

Other Demo

标签：javascript,angularjs,angularjs-directive,angular-ui,angular-ui-bootstrap
来源： https://codeday.me/bug/20190628/1312850.html