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

Question

我們正在使用Angular.JS開發配置工具。 GUI包含2個部分-左側面板包含樹視圖，列出所有配置項目，右側面板包含包含可編輯配置項目的屏幕的屏幕。 大約有6或7種不同類型的配置項，每個配置項包含不同的視圖...

當前，我們只有一個視圖和控制器，因為單個API調用會提取所有數據。 每個配置屏幕都是一個div標記，在單擊樹節點的位置會顯示/隱藏該代碼...代碼變得越來越混亂...有沒有辦法將每個配置屏幕作為一個單獨的視圖/控制器進行分離，並且無需使用路由

Answer 1

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中，您都可以指定自己的控制器等。