在Angular JS中動態加載視圖/控制器

我們正在使用Angular.JS開發配置工具。該GUI包含2個部分 - 一個包含樹視圖的左側面板，其中列出了所有配置項目，右側面板包含可用於編輯配置項目的屏幕。有大約6或7種不同類型的配置項目，並且它們各自包含不同的視圖...在Angular JS中動態加載視圖/控制器

當前我們有單個視圖和控制器，因爲單個API調用會獲取所有數據。每個配置屏幕都是一個div標籤，在樹節點被點擊的位置顯示/隱藏...代碼變得越來越混亂...有沒有什麼辦法可以將每個配置屏幕分離爲一個單獨的視圖/控制器，並動態地使用out路由

來源

2014-10-22 sam1977

爲什麼你不希望使用路由？ UI-Router提供的狀態管理聽起來正如你所需要的？ – 2014-10-22 12:13:50

當前應用程序在原型中，數據在開始時都在單個REST API調用中讀取，沒有調用來檢索單個節點項目的數據......所以，如果我們每次使用路由，都可能需要獲取整個數據即是選項，一個思考過程就是在開始時獲取數據並將其存儲在角度服務中，並且對於每個屏幕而不是從服務器獲取全部數據，我們可以使用此服務。不知道這是否是一個好主意。我將通過UI路由器檢查狀態管理 – sam1977 2014-10-22 13:38:41

ng-include怎麼樣？

<div ng-include="view1.html" ng-if="selected == 1"> 
<div ng-include="view2.html" ng-if="selected == 2"> 
<div ng-include="view3.html" ng-if="selected == 3">

而且在每個HTMLü可以指定自己的控制器等

來源

2014-10-22 13:24:00

在Angular JS中動態加載視圖/控制器

回答

相關問題