UI Bootstrap 指令中的模态 - 多个模态但只有一个打开
UI Bootstrap modal in directive- multiple modals but only one opens
正如在 this Plunkr 中看到的那样,我有两个模态,每个都在 modal-one
和 modal-two
的单独指令中。
问题是,即使单击模态二按钮,也只有模态一被打开。
估计和$scope
上的.open
方法被覆盖有关?
如何预防?
谢谢!
基本上在幕后你在两个指令之间共享一个范围,因为你没有 scope
属性 内部指令,它设置为 false
(它将共享范围)。因此,当加载第一个指令时,它会使用弹出代码注册 $scope.open
方法。当另一个指令呈现时,它采用相同的范围并覆盖 $scope.open
方法。
您可以通过使指令范围使用 scope: true
/ scope: {}
轻松解决此问题
否则您可以共享相同的范围,但是您需要在两个指令之一中更改方法名称。
正如在 this Plunkr 中看到的那样,我有两个模态,每个都在 modal-one
和 modal-two
的单独指令中。
问题是,即使单击模态二按钮,也只有模态一被打开。
估计和$scope
上的.open
方法被覆盖有关?
如何预防? 谢谢!
基本上在幕后你在两个指令之间共享一个范围,因为你没有 scope
属性 内部指令,它设置为 false
(它将共享范围)。因此,当加载第一个指令时,它会使用弹出代码注册 $scope.open
方法。当另一个指令呈现时,它采用相同的范围并覆盖 $scope.open
方法。
您可以通过使指令范围使用 scope: true
/ scope: {}
否则您可以共享相同的范围,但是您需要在两个指令之一中更改方法名称。