我正在将现有的 Web 应用程序迁移到 AngularJS。由于该应用程序已经在使用 Bootstrap 3，我想知道是否值得用 Boostrap Directives 重新编写它。我目前的理解是，如果我使用指令会更有效，并且我将能够废弃 JQuery。另一方面，使用本机 Bootstrap + JQuery 实现自定义小部件应该更直接。我对这两种方法的优缺点很感兴趣。
【问题讨论】：
标签： angularjs twitter-bootstrap angularjs-directive angular-ui-bootstrap
来自 Angular-UI 的 github：
通常最好重写现有的 JavaScript 代码并创建一个 新的、纯 AngularJS 指令。大多数时候结果 与原始 JavaScript 代码大小相比，指令更小 并更好地集成到 AngularJS 生态系统中。
与基本的普通引导程序相比，可读性、代码大小和 Angular 兼容性（因为大多数指令都允许承诺）是强制执行的。
这就是我使用 Angular-UI 重写自己所有引导组件的原因。
总是想知道：“我可以在不导入 JQuery 的情况下构建这个东西吗？”
【讨论】：
<carousel interval="myInterval"> (angular-UI) 来检测轮播组件比使用像这样的简单 div 更容易：<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 。想象一下，您的 div 涉及超过 6 个类……您必须检测 carousel 类……更敏感。该指令的好处是所有这些样板（轮播的 HTML 模板）都是内部的。