使用 AngularJS 和 jquery 的最佳实践，引导常规插件答案

【问题标题】：Best practice using AngularJS with jquery, bootstrap regular plugins使用 AngularJS 和 jquery 的最佳实践，引导常规插件
【发布时间】：2017-05-12 09:19:09
【问题描述】：

使用 AngularJS 和 jQuery 常规插件的最佳实践应该是什么。就像我们要打开模式弹出窗口一样，我们使用以下代码：

$("#MyModal").show("Show");

我们应该如何使用 AngularJS

我们应该像在 jquery 中一样使用它吗？那么使用AngularJS有什么意义呢？

【问题讨论】：

最佳实践： 谨慎使用模态，因为它们具有干扰性。他们的突然出现迫使用户停止他们当前的任务并专注于对话内容。并非每一个选择、设置或细节都值得打断。对话框的替代方案包括菜单或内联扩展，两者都保持当前上下文。
另见“Thinking in AngularJS” if I have a jQuery background?
这就是我要搜索的内容。

标签： jquery html css angularjs twitter-bootstrap

【解决方案1】：

我们必须为此使用 angular 指令。有相当多的角度指令可用于引导弹出窗口。我们不应该在 Angular 控制器中混合 DOM 操作。这样我们就无法进行单元测试，Angular 的整个目的都会被打败。如果我们需要操作 DOM，我们应该创建 Angular 指令。

请在您的情况下使用以下一种

https://angular-ui.github.io/bootstrap/

【讨论】：

是的，我知道。但是没有这个有没有办法工作？
是的，您当然可以使用相同的旧 java 脚本。但这不是推荐的方式，因为我们必须操作 DOM 并且我们无法进行单元测试。如果我们在 Angular 控制器中使用 DOM 操作，那么 Angular 的全部意义都会被打败。