如何构造角度代码

Question

我正在使用angular5构建我的网站。我想现在我的网站并不那么复杂。但我不确定组织代码的正确/传统方式是什么。

所以我有一个带有相关组件的导航栏（点击按钮后会指向组件html）。说组件A B C D.所以：

1. 我在哪里编写索引页代码？我是在index.html，app.component.html中编写的，还是应该创建一个名为“home”的新组件？
2. 此外，app.component.html用于什么？它仅用于应用程序的常见部分还是用于主页？

（我猜或多或少是同一个问题）

Answer 1

如果您对Angular.io上建议的最佳做法没有留下深刻印象。看看这个，这是非常直接的，应该让你很好地了解一般可以很好地扩展的结构：

https://scotch.io/tutorials/angularjs-best-practices-directory-structure

Answer 2

尝试使用@ angular / cli，它为您提供组织良好的结构化样板代码。

  

我在哪里编写索引页代码？我是否在index.html中编写它，   app.component.html或者我应该创建一个名为＆＃34; home＆＃34;？

的新组件

最好为每个组件创建一个单独的文件夹，您可以在其中放置您的html，组件，样式等。也许您可以将所有布局/导航相关组件联系起来并将它们放在/ layout directoy下，它可以容纳您的所有基础整个应用程序中使用的布局。

  

此外，app.component.html用于什么？它只用于   应用程序的常见部分还是用于主页？

app.component.html将保留您的路由器插座，您可能想要添加的其他组件的选择器，这又取决于您的设计和布局。它与您的AppComponent一起映射，就像您的应用再次加载到内部的第一个组件，您将拥有一系列嵌套组件。