我打算在我的项目中使用带角度4的Bootstrap 4,但我在npm install --save @ng-bootstrap/ng-bootstrap
和npm install ngx-bootstrap --save
之间感到困惑。所以任何人都可以帮助我哪个更适合角4?
答案 0 :(得分:7)
两者都很好,你可以翻转硬币并使用其中任何一种。
对于我的项目,我ng-bootstrap
,到目前为止没问题。
但选择一个框架可能很棘手,你应该考虑很多事实。
首先支持Angular 4
和Bootstrap 4
,但ngx-bootstrap
也支持Bootstrap 3
。
在检查github ngx-bootstrap
中的已结算问题时,请检查这些链接ng-bootstrap,ngx-bootstrap。
ngx-bootstrap
团队还有更多模块,例如ng2-file-upload
更多here
并检查Stackoverflow未回答的问题ng-bootstrap,ngx-bootstrap。这意味着在SO中有更多机会解决ngx-bootstrap问题。
答案 1 :(得分:2)
@ng-bootstrap/ng-bootstrap
和ngx-bootstrap
都指的是用于Angular(2+)的Bootstrap Components的不同实现。它们都是由不同的团队实现的,目标相同,即在不使用jquery的情况下在Angular(2+)中提供引导组件。
至于你哪个更好的问题,答案取决于你的要求。 ngx-bootstrap
支持Bootstrap 4 Alpha和Bootstrap 3(带补丁)。 ng-bootstrap 仅支持Bootstrap 4.如果您使用ui-bootstrap
库进行angularjs,值得注意ng-bootstrap
是由开发ui-bootstrap
的同一团队开发的。除此之外,您可以浏览他们的每个API,以确定哪个API可以更好地使用。
ngx-bootstrap :https://valor-software.com/ngx-bootstrap/#/
@ ng-bootstrap :https://ng-bootstrap.github.io/#/home
答案 2 :(得分:0)
使用Angular使用ngx-bootstrap npm包快速集成Bootstrap 3或Bootstrap 4组件的最佳方法。 ngx-bootstrap包含由Angular提供支持的所有核心(而不仅仅是)Bootstrap组件。因此,您不需要包含原始JS组件,但我们正在使用Bootstrap提供的标记和CSS。
使用
从npm安装ngx-bootstrapnpm install ngx-bootstrap --save
如果你需要bootstrap 3样式包括
<!-- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
如果你需要bootstrap 4种风格,包括
<!--- index.html -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
享受快乐的编码。希望这有帮助!