2015-06-15 68 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-路由器可以在主節和你的資產淨值部分變更內容。

希望這會有所幫助。