我在“ngx-bootstrap”和“@ ng-bootstrap / ng-bootstrap”之间感到困惑

时间:2017-11-04 08:00:21

标签: twitter-bootstrap angular typescript bootstrap-4

我打算在我的项目中使用带角度4的Bootstrap 4,但我在npm install --save @ng-bootstrap/ng-bootstrapnpm install ngx-bootstrap --save之间感到困惑。所以任何人都可以帮助我哪个更适合角4?

3 个答案:

答案 0 :(得分:7)

两者都很好,你可以翻转硬币并使用其中任何一种。

对于我的项目,我ng-bootstrap,到目前为止没问题。

但选择一个框架可能很棘手,你应该考虑很多事实。

首先支持Angular 4Bootstrap 4,但ngx-bootstrap也支持Bootstrap 3

在检查github ngx-bootstrap中的已结算问题时,请检查这些链接ng-bootstrapngx-bootstrap

ngx-bootstrap团队还有更多模块,例如ng2-file-upload更多here

并检查Stackoverflow未回答的问题ng-bootstrapngx-bootstrap。这意味着在SO中有更多机会解决ngx-bootstrap问题。

答案 1 :(得分:2)

@ng-bootstrap/ng-bootstrapngx-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-bootstrap
  

npm 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">

More info

享受快乐的编码。希望这有帮助!