在同一项目中将Angular Material2与PrimeNG一起使用

时间:2019-02-03 11:03:04

标签: angular angular-material2 primeng

我目前正在开发企业Angular应用程序。我正在考虑使用正确的组件库。我发现了两个选择:

1-角材料2

2- PrimeNG

角材料带有约35个高质量组件。 PrimeNg带有大约87个不同的组件。我喜欢遵循Google标准的Material2设计和样式。我更喜欢它,但是稍后我们将需要更多不可用的高级组件。我的问题是同时使用Material2和PrimeNg是一个好主意吗?否则会导致开销,冲突并降低应用程序速度?我应该只坚持PrimeNg吗?

1 个答案:

答案 0 :(得分:4)

我在最近的项目中同时使用了Angular Material和PrimeNg。我建议您只使用其中一种(Angular Material或PrimeNg)

PrimeNg有很多强大的组件。我非常喜欢其中有多少组件在实现ControlValueAccessor时是“响应式表单友好”的。另外,PrimeNg中几乎找不到Angular Material中没有的组件。

但是,如果同时使用它们,则可能会遇到一些样式问题,其中一些与z-index有关。我遇到了一些卡片网格,这些卡片网格大部分是在Angular Material中构建的,但是我使用的Calendar来自PrimeNg。为了使其能够正常工作,我不得不使用Angular Material Flex进行破解。

仅使用其中之一的一些优点是:

  1. 没有必须管理的样式冲突。
  2. 捆绑商品的尺寸会更小。这个大小差距可能不大。
  3. UI和UX在整个应用程序中将保持一致。

再说一次,如果可能的话,只使用一个。

PS:这是我个人的看法。