Angular 工作区中 `/apps` 中应用程序的选择器命名约定是什么?

What is the selector naming convention for apps in `/apps` in the Angular Workspace?

我在 /apps 文件夹中有大约 10 个应用程序。

@Component 的选择器是否应该以 app- 为前缀?

例如app-root

还是应该全部以应用名称为前缀?

例如如果我的一个应用程序名为 FooBar,那么我将有一个名为 fb-root 的组件?另一个项目名为 HelloWorld,那么我将有一个名为 hw-root

的组件

我宁愿选择第二个 fb-root 因为它显示了该组件来自哪个应用程序。此外,如果您的应用程序不仅在 /apps 文件夹中,或者您还有库,您可以组合前缀,如 app-fb-root。但是如果你不这样做,最好只使用 fb-root.

前缀有助于防止组件库之间的名称冲突。您可以给它任何您想要的前缀,但我会首先检查该前缀是否已被您将来可能想要使用的任何库使用。

"mat" 被 Angular Material 用作示例,"ngx" 被 Bootstrap 库使用,还有许多其他示例。

"app" 是应用程序使用的保留前缀,这是一个非官方标准,它确保不会有两个组件尝试使用相同的选择器。

在您的示例中,您说 "FooBar" 会有前缀 "fb",但这很可能与 Facebook 组件库使用的前缀相同。

前缀 "ng" 也是 Angular 2 首次发布时许多开源库使用的流行前缀。它的流行作为前缀一直持续到今天,我不建议使用它。

所以 "app" 是安全的,其他任何事情基本上都取决于您。