如何使用参数创建弹出式Angular组件？

Question

如何创建一个接受多个参数的弹出式Angular 1.6组件，并将在多个页面中使用。其中一个参数是动态的 - 在打开弹出窗口的ng-click中设置。

弹出范围应该是调用页面的子范围（不是隔离），​​它应该有输出回到调用页面。

任何人都知道一个好的模式吗？

Answer 1

它主要取决于您使用的前端框架：如果您选择Bootstrap而不是搜索Bootstrap's Modal;如果你使用的是Angular Material而不是Dialog。

就如何为它设置逻辑而言，这里也有很多种选择。我能想到的最简单的一个是：

• 使用ng-model AND
绑定popup中的所有变量
• 将其传递给服务，并在$ rootScope或位置
中设置自定义逻辑

这只是一个简单的例子。 同样，我认为这主要取决于你实际想要达到的目标，这一点并不十分清楚。我希望这有帮助。