Javascript 在Angular JS中处理模态最简单的方法是什么？

问题：如何在Angular JS控制器中管理一组模态

我把它们放在我的视图底部，并使用 但是我最终得到了大的html模板（可以工作），但感觉效率很低

我所尝试的：

• 来自UI引导的$dialog（屁股痛）
• 通过ng包含的模板中存储的模态包括使用UI引导的模态

---

• 模态放在我的视图底部的控制器如rGil所述，使用一个指令，你自己的，而不是UI引导，如果它看起来太复杂。你所有的情态动词或多或少都是相似的。您只需要有一个模板和2-3个范围变量来填充模式。然后，您可以传递参数来打开和关闭模式，并提供进一步的功能。包含的内容越多，指令就越大
  第二种选择是使用这些模态创建单独的HTML部分，然后使用ngInclude将它们放置在视图中。如果您的modals不同，但在多个页面上频繁重用，这将大大节省时间。缺点是，您仍然需要将其打开和关闭。角度的方法是编写一个指令来处理切换（如果这是您所需要的）。简单的方法是编写一个小jQuery并在单击或其他任何操作时打开model

  ---

  老实说，归根结底是你的舒适度。jQuery会破坏您的代码吗？不，但这不是“有角度的方式”。使用jQuery，我可以用3-4行代码编写一个模式切换。用有角度的方式来做这件事是一个指令和十几行代码。但是角度的方式有一个好处，就是将来编写一个标记，不需要更多的代码。如果我只有一个模态，我可以在jQuery中进行。如果我有多个模态，就像你的情况一样，我可能会花时间学习指令，并想出一个我想要的工作方式。
  如果模态的格式足够相似，在指令中创建一个，然后重用该元素，根据需要更改模型。