typescript - Samme navn for komponenter med Angular


Er det god praksis å ha samme navn og velger for komponenter?

For eksempel:

products ->
  list.component.html 
  list.component.ts // class ListComponent
users ->
  list.component.html
  list.component.ts // class ListComponent

Eller bruk heller denne stilen:

products ->
  products-list.component.html 
  products-list.component.ts // class ProductsListComponent
users ->
  users-list.component.html
  users-list.component.ts // class UsersListComponent

Svar #1

Det er ikke en god praksis fordi la oss si at du har en components.module.ts-fil hvor du importerer alle modulene til komponentene dine, vil du få flere modulimporter som deler samme navn.

Noe som gjør det umulig å importere alle modulene med samme navn (med mindre du bruker as-syntaksen for å «gi dem nytt navn»).

Det eneste scenariet jeg kan tenke meg der dette er akseptabelt, er for funksjonsmoduler (sider/ruter), hvor du spesifiserer en sti til riktig modul (hvis du bruker late loading).

Men for generelle komponenter, hold deg unna det.

Relaterte artikler