2013-05-20 38 views
8

我有以下頁面佈局的幾個觀點:我如何管理angular.js

Diagram

  1. 是主菜單
  2. 是頂部菜單
  3. 是內容[編輯:哎呀好像我丟了一些編號,第3節是大中段:)]

我想hav e單獨的部分由單獨的模塊管理(處理)(這似乎是合乎邏輯的),所以如果我只有一個處理整個頁面視圖的ng-view,我該怎麼做。如何將模塊綁定到單獨的UI部分?

預先感謝您

+1

你可以在html中使用ng-controller屬性。 –

+0

好的,我明白了,但是我怎樣才能使用路由,每個部分都可能有......說5個狀態,每個控制器如何從路由中提取它的參數? – Lu4

+0

順便說一句,我可以使用控制器與ng-view結合使用,即在ng-view中定義一個控制器嗎? – Lu4

回答

5

這是很多人想與標準的角度路由器來完成,但沒有hackish的企圖不能很好地工作。這就是爲什麼Angular-UI團隊正在研究嵌套狀態問題的更精細的解決方案。

結帳ui-router module。一定要仔細閱讀the docs,結賬the sample app,因爲它起初可能有點混亂。

7

將主菜單和頂層菜單定義爲指令,只將主要內容定義爲ng-view容器。 指令具有專用的模板和控制器,有助於實現代碼模塊化。