Angular 4文件命名约定

时间:2017-06-18 22:56:34

标签: angular naming-conventions

我正在从AngularJS迁移到Angular4,我看到的示例遵循命名约定。我主要讨论组件。 似乎有一个app / components文件夹,然后是每个组件下面的单独文件夹。这看似合理。但是在我看到的组件“我的”的例子中,文件名是mine.component.html,mine.component.ts和mine.component.css

这有充分的理由吗?它位于components文件夹下的事实似乎使得.component部分的使用无关紧要。

此外,如果我有一个组件本身包含组件,并且那些组件只能由该组件使用,那么将它们放在app / components下是否有意义。把它们放在app / components / mine中会不会更有意义?

一般来说,我倾向于遵循我观察到的模式,因为我认为通常有一个很好的理由,但我看不出这些约定的任何特殊原因。

请让我直截了当。

1 个答案:

答案 0 :(得分:3)

我所看到的Angular CLI声称“它已经遵循我们的最佳实践!”,每个组件都会在您存储您的文件夹的同一文件夹中收到它自己的文件夹。小学 └── src └── app ├── module-one │ ├── component-one │ │ ├── component-one.component.html │ │ └── component-one.component.ts │ ├── component-two │ │ ├── component-two.component.html │ │ └── component-two.component.ts │ └── module-one.module.ts ├── module-two │ ├── component-three │ │ ├── component-three.component.html │ │ └── component-three.component.ts │ ├── component-four │ │ ├── component-four.component.html │ │ └── component-four.component.ts │ └── module-two.module.ts ├── app-routing.module.ts ├── app.component.html ├── app.component.ts └── app.module.ts

但是,正如您所提到的,使用嵌套文件夹,我已经将其视为一种练习,但不一定是嵌套组件。您可以将组件放入模块中,而不是将组件放入组件中。

以下是示例目录...

{{1}}