如何在 AngularJS 中定义布局

How to define layout in AngularJS

我是 Angular JS 新手...我们的屏幕布局 div分为 4 个部分..

<table>
  <tr>
    <td>Section 1</td>
    <td>Section 2</td>
    <td>Section 3</td>
  </tr>
  <tr>
    <td colspan="3">section 4 - main content</td>
  </tr>
</table>

最好的方法是什么？将它们定义为 dividual views ?并使用 ng-include 标签？定义一个 div 并附加一个控制器并包含相应的代码...我正在寻找将每个部分的 HTML 代码分开的选项；自己的 HTML。任何帮助将不胜感激。

这取决于您打算如何处理这些部分。我建议调查：

指令 - 如果您希望每个部分都是自己的 'component'（它自己的 html、控制器等）。如果您计划重用一个部分，指令方法特别有用。
UI-路由器 (https://github.com/angular-ui/ui-router)。如果您有多个页面，每个页面都有自己的一组部分。例如，如果您有一个主要部分和一个导航部分根据页面更改 - UI-路由器可以更改您的主要部分和导航部分中的内容。

希望对您有所帮助。