Angular 1.5/2.0 组件，推荐前缀？

Posted 2023-02-22

【中文标题】Angular 1.5/2.0 组件，推荐前缀？

【英文标题】：Angular 1.5/2.0 Components, recommended to prefix?

【发布时间】：2016-10-04 19:12:09

【问题描述】：

创建新的 Angular 1.5 或 2.0 组件时，我是否仍应使用 3 个字母作为组件名称的前缀，例如

 abc-my-component

abc 是避免与其他组件重复的名称吗？

我不确定这是否仍然有必要，而且我没有看到在野外有很多用处。

我应该采取什么方向？

【参考方案1】：

This recommendation 来自 angular2 团队

“我们建议选择带有 前缀的选择器名称，以确保它不会与任何标准 HTML 属性冲突，无论是现在还是将来。还有 与第三方指令名称当我们给我们的前缀。”

继续使用前缀也可以让团队快速了解代码中使用的内容。

在我的团队中，我们使用两种前缀

前缀作为公司名称的缩写，用于常见的 ui 组件，我们希望将来可以在其他项目中重用。

作为项目业务域组件的项目名称短名称的前缀。

但我们保持简短，常用 ui 组件最多 3 个字母，业务组件最多 3 个字母。

大部分 ui 组件都使用它，例如 igniteui 与 ig，ionic 与 ion，onsen ui 与 ons，...

【参考方案2】：

Angular 2 style guide 说：

请使用标识功能区域或应用本身的前缀。

此外，您可能希望查看 Angular 材质库（v1 和 v2）。它们被构建为各种规范的图书馆。那里的组件都使用'md'前缀。