具有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文件导入所有组件的模块，您将获得多个共享相同名称的模块导入。

这使得无法导入所有具有相同名称的模块。

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

但对于一般组件，请远离它。