2015-06-15 41 views
-1

我是新来的角JS ......我们的屏幕布局分为4个部分..如何界定AngularJS布局

<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> 

什么是做到这一点的最好方法是什么?将它们定义为单独的视图?并使用ng-include标签?定义一个div并附加控制器,包括各自的代码......我要找的选项单独为每个部分到它的HTML代码;自己的HTML。任何帮助将不胜感激。

+0

忘了提及......每个部分应该能够独立重新加载数据。 –

+0

您应该考虑为每个部分创建自定义指令。如果这些节都差不多,你可以创建一个指令,并给他们每人自己的范围。如果他们完全不同,你可以为每个人创建一个指令。指令可以加载HTML“模板”,并拥有自己的逻辑关联。阅读:https://docs.angularjs.org/guide/directive – shermanzach

回答

0

这取决于你打算用这些部分做。我会建议调查:

  1. 指令 - 如果你想每个部分是自己的'组件'(它自己的HTML,控制器等)。如果您计划重新使用某个部分,该指令方法特别有用。

  2. UI-路由器(https://github.com/angular-ui/ui-router)。如果您有多个页面,每个页面都有自己的一组部分。例如,如果你有一个主要部分,以及改变基于页面的导航部分 - UI-路由器可以在主节和你的资产净值部分变更内容。

希望这会有所帮助。