时间戳

首页 > 解决方案 > 在同一个项目中使用 Angular Material2 和 PrimeNG

angular - 在同一个项目中使用 Angular Material2 和 PrimeNG

问题描述

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

1-角材料2

2- PrimeNG

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

标签： angularangular-material2primeng

解决方案

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

PrimeNg 有很多强大的组件。我真的很喜欢这些组件中有多少是响应式表单友好的，因为它们实现了ControlValueAccessor。此外，Angular Material 中几乎没有一个组件是您在 PrimeNg 中找不到的。

但是，如果您同时使用它们，您可能会遇到一些样式问题，其中一些与 z-index 有关。我遇到了一些卡片网格，主要是用 Angular Material 构建的，但我使用的日历来自 PrimeNg。为了让它工作，我不得不使用 Angular Material Flex 进行破解。

仅使用其中一个的一些优点是：

  1. 没有您必须管理的冲突风格。
  2. 捆绑包的大小会更小。这种大小差距可能并不显着。
  3. UI 和 UX 将在整个应用程序中保持一致。

因此，如果可能的话，再次使用一个。

PS：这是我个人的看法。

推荐阅读