Question

我对angularjs很新，并且在项目中使用angular + bootstrap，所以我认为步骤应该是这样的

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

但是我发现角度有一个angular-ui bootstrap module，所以我测试了两种方式创建一个下拉菜单，它们都运行得很好，我猜角度ui应该是推荐的方式，但 why shall I use angular-ui bootstrap rather than import bootstrap.js directly?

提前致谢！

Answer 1

如果您想要通过angular ui-bootstrap module完成所需，您应该使用它而不是twitter-bootstrap-js库。

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

另一种方法是使用Twitter-bootstrap JS组件，然后创建自己的包含它们的角度指令......这有点不必要的麻烦。

所以：

import bootstrap.css

import angular.js

import angular-ui-bootstrap

Answer 2

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

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

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

而不是

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

Angular-ui bootstrap＆amp; bootstrap.js

2 个答案: