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" 是安全的,其他任何事情基本上都取决于您。
我在 /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" 是安全的,其他任何事情基本上都取决于您。