Angular 2 Bootstrap 4 和的-bootstrap

Angular 2 Bootstrap 4 and ng-bootstrap

如果我们可以直接使用 bootstrap 4 class,我对 angular 团队构建的 ng-bootstrap 有什么需求感到困惑(与容器和模态?)我一直在不同的地方同时使用 ng-bootstrap 和 bootstrap 4 语法,不是特别的原因,它变得一团糟......是否有使用任何一个的一般规则?

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

常规 Twitter Bootstrap 依赖 jQuery 进行数据操作。它还通过设置 类(例如“.active”)或将其从现有元素中移除来操纵元素的状态。

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

总而言之,如果您使用 Twitter Bootstrap,您完全依赖 jQuery JavaScript。当您使用 ng-bootstrap 时,您将完全远离 jQuery 域,您将完全依赖 AngularJS 为您提供它的功能部分。 ng-bootstrap 和 Twitter Bootstrap 唯一的共同点是元素的 CSS 样式。

希望这消除了困惑。