Angular Workspace中`/ apps`中的應用程序的選擇器命名約定是什么？

Question

我在/apps文件夾中大約有10個應用/apps 。

@Component的選擇器是否應該以app-為前綴？

例如app-root ，

還是應該都以應用名稱作為前綴？

例如，如果我的應用程序之一被稱為FooBar ，那么我將擁有一個名為fb-root的組件？ 另一個項目叫做HelloWorld ，那么我將有一個名為hw-root的組件

Answer 1

我寧願選擇第二個fb-root因為它顯示了該組件來自哪個應用程序。 另外，如果您不僅在/apps文件夾中有應用/apps ，或者還具有庫，則可以組合諸如app-fb-root類的前綴。 但是如果您不這樣做，最好還是只使用fb-root 。

Answer 2

前綴有助於防止組件庫之間的名稱沖突。 您可以給它提供任何想要的前綴，但是我首先會檢查該前綴是否已被將來可能要使用的任何庫使用。

Angular Material使用“ mat”作為示例，Bootstrap庫使用“ ngx”，還有很多其他例子。

這是一個非官方的標准，“ app”是應用程序使用的保留前綴，它可以確保不會有兩個組件嘗試使用同一選擇器。

在您的示例中，您說“ FooBar”將具有前綴“ fb”，但這很可能與Facebook組件庫使用的前綴相同。

同樣，前綴“ ng”是Angular 2首次發布時許多開源庫使用的流行前綴。 它作為前綴在今天仍然很流行，我不建議您使用它。

因此，“ app”是安全的，其他任何事情基本上都由您決定。