UI Bootstrap 指令中的模态 - 多个模态但只有一个打开

UI Bootstrap modal in directive- multiple modals but only one opens

正如在 this Plunkr 中看到的那样,我有两个模态,每个都在 modal-onemodal-two 的单独指令中。

问题是,即使单击模态二按钮,也只有模态一被打开。

估计和$scope上的.open方法被覆盖有关?

如何预防? 谢谢!

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

您可以通过使指令范围使用 scope: true / scope: {}

轻松解决此问题

Working Demo

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

Other Demo