Angular-ui bootstrap和bootstrap.js

Question

我对angularjs很陌生，打算在项目中使用angular + bootstrap，所以我认为步骤应该像这样

1. import angular.js 2. import bootstrap.js 3. import bootstrap.css

但是我发现在angular-ui bootstrap module有一个angular-ui bootstrap module ，因此我测试了两种方式都可以创建一个下拉菜单，它们都工作得很好，我想angular-ui应该是推荐的方式，但是why shall I use angular-ui bootstrap rather than import bootstrap.js directly? angular-ui why shall I use angular-ui bootstrap rather than import bootstrap.js directly?

提前致谢！

Answer 1

如果要实现的目标可以通过有角度的ui-bootstrap模块完成 ，则应使用它而不是twitter-bootstrap-js库。

angular-ui bootstrap具有所有bootstrap-js组件，但它们是作为angular指令从头开始编写的。 （但是他们确实使用Twitter-bootstrap CSS ）

另一种选择是使用Twitter-bootstrap JS组件，然后创建用于包装它们的自己的angular指令...这有点不必要的麻烦。

所以：

1. 导入bootstrap.css
2. 导入angular.js
3. 导入angular-ui-bootstrap

Answer 2

Angular-UI是引导javascript组件和AngularJS之间的桥梁。 这意味着为了方便起见，大多数引导程序组件都包装在AngularJS指令中。

这意味着您可以在使用引导程序组件时使用AngularJS的绑定，例如：

<div collapse="isCollapsed">      
    <div class="well well-lg">Some content</div>      
</div>  

代替

$('#myCollapsible').collapse({
  toggle: false
})