angular - Angular 的组件名称相同

Question

组件具有相同的名称和选择器是否是一种好的做法？

例如:

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

或者更好地使用这种风格:

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

Answer 1

这不是一个好的做法，因为假设您有一个 components.module.ts 文件，您在其中导入所有组件的模块，您将获得多个共享相同名称的模块导入。

这使得不可能导入所有具有相同名称的模块(除非您使用 as 语法来“重命名”它们)。

我能想到的唯一可以接受的场景是功能模块(页面/路由)，您可以在其中指定正确模块的路径(如果使用延迟加载)。

但对于通用组件，远离它。