Angular 2 和 Bootstrap 3. 不同的集成方法
Angular 2 and Bootstrap 3. Different integration approaches
我正在尝试将 Bootstrap 3
集成到我的 Angular 2
项目中。
我有两个选择:
使用npm install bootstrap --save
命令并安装Bootstrap 3
到我的项目。
使用 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 因为它节省了我们一些时间。
我正在尝试将 Bootstrap 3
集成到我的 Angular 2
项目中。
我有两个选择:
使用
npm install bootstrap --save
命令并安装Bootstrap 3 到我的项目。使用
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 因为它节省了我们一些时间。