Angular 2 和 Bootstrap 3. 不同的集成方法

Angular 2 and Bootstrap 3. Different integration approaches

我正在尝试将 Bootstrap 3 集成到我的 Angular 2 项目中。 我有两个选择:

  1. 使用npm install bootstrap --save命令并安装Bootstrap 3 到我的项目。

  2. 使用 npm install ngx-bootstrap --save 安装 angular bootstrap, 这是基于 Angular 并且不会有任何 jquery 依赖关系。

这两种方法之间的主要区别是什么。哪个更适合单页应用程序?

总之两者都不错

在一个项目中同时使用 Angular 和 Bootstrap 是很常见的,并且两者都有不同的用途。在一天结束时,考虑包含 js 和 css 来帮助 html,如果您可以管理这些依赖项,那么这是最重要的。可以通过npm、webpack或者自己管理。

其他人只能告诉你不要混合这些东西,所以你不必 运行 npm install,gulp update-dependecies 然后 g运行t resolve etc tasks 只是为了确保您的依赖文件已加载。我会说继续做任何事情并享受发展而不是担心这些事情。

ngx-bootstrap 带有开箱即用的预定义组件,可以直接在您的 angular 应用程序中使用 而bootstrap是纯库,需要自己搭建组件

如果你喜欢重新发明轮子(又名灵活和 BYO),最好使用 bootstrap,但如果你喜欢非常容易使用的预制组件(你仍然可以参加并自行创建缺失或自定义组件)

提示:ngx-bootstrap for Bootstrap 4 的功能尚未完成,因此缺少几个组件。不确定 Bootstrap 3 的覆盖率。我们仍然选择使用 ngx-bootstrap 因为它节省了我们一些时间。