Angular 2 Bootstrap 4和ng-bootstrap

时间:2017-01-29 14:52:32

标签: twitter-bootstrap angular ng-bootstrap

如果我们可以直接使用bootstrap 4类(带有容器和模态?),我对于角色团队构建ng-bootstrap的需求感到困惑。我一直在使用ng-bootstrap并且bootstrap 4语法在不同的地方出于特殊原因而变得一团糟......是否有使用其中一个的一般规则?

1 个答案:

答案 0 :(得分:3)

使用ng-bootstrap的主要原因之一是 JavaScript兼容性部分

常规Twitter Bootstrap依赖于jQuery进行数据操作。它还通过设置诸如“.active”之类的类或通过从现有元素中删除它来操纵元素的状态。

另一方面,ng-bootstrap不需要运行jQuery。所有元素都是使用不需要jQuery的代码从头开始构建的,并且可以与Angular Core一起很好地运行。它还有助于通过使用Bootstrap CSS文件来保留Bootstrap组件的外观和感觉。

总而言之,如果您使用Twitter Bootstrap,那么您完全依赖于jQuery for JavaScript。当你使用ng-bootstrap时,你正在完全脱离jQuery域,你将纯粹依赖AngularJS来为你提供它的功能部分。 ng-bootstrap和Twitter Bootstrap唯一共同点就是元素的CSS样式。

希望这可以解决这个困惑。