Angular 2中的多个UI组件库

Question

我是Angular 2+的新手。 从Angular resource page开始了解不同的UI组件库。 是否可以使用多个UI组件库来更好地查看UI，例如一个用于数据网格的UI，另一个用于侧面菜单？ 怎么办呢？

Answer 1

确实可以，但不推荐。

您应该考虑使用唯一的UI组件库，原因如下：

• 设计模式可能会从一个库冲突到另一个库。
• 通常不建议使用两个不同的UI组件库，因为它们可能会产生冲突（例如Bootstrap 4可能与Angular Material 2冲突，因为bootstrap使用基于CSS显示表的网格系统，而Angular Material正在使用显示flex，如果我记得的话。）

如果您真的希望这样做，那么您应该尝试完成每个UI组件的“入门”或安装过程，并根据需要使用它们。

Angular Material 2＆amp;的链接分别为Bootstrap 4。

Answer 2

主要冲突是主题/风格相关的，例如，不同ui库中的按钮可能有不同的外观。

Answer 3

这是可能的，但建议坚持使用一个UI库。

举个例子，这是2个UI库。 Angular Material 和ngx-bootstrap（有关如何将其添加到项目中的说明，请转到他们的官方页面）

假设我想使用角度素材中的md-card。我的模板看起来像这样

<md-card>
I'm from angular material.
</md-card>

现在我想使用bootstrap中的datepicker。我可以像这样插入

<md-card>
 I'm from angular material.
  <datepicker [(ngModel)]="dt"></datepicker>
 </md-card>

你现在有两个不同的ui库，但是你可以想象，这个设计可能并不合适。