在 Angular JS 中动态加载视图/控制器答案

【问题标题】：Dynamically loading views / controllers in Angular JS在 Angular JS 中动态加载视图/控制器
【发布时间】：2014-10-22 12:12:15
【问题描述】：

我们正在使用 Angular.JS 开发一个配置工具。 GUI 包含 2 个部分 - 左侧面板包含树形视图，列出所有配置项，右侧面板包含可编辑配置项的屏幕。大约有 6 或 7 种不同类型的配置项，每一种都包含不同的视图...

目前我们只有一个视图和控制器，因为一个 API 调用可以获取所有数据。每个配置屏幕都是一个 div 标签，在单击树节点的位置显示/隐藏...代码变得更加混乱...有没有办法将每个配置屏幕作为单独的视图/控制器分开并动态地不使用路由

【问题讨论】：

为什么不想使用路由？ UI-Router 提供的状态管理听起来正是你所需要的？
目前该应用程序处于原型中，数据都是在一个单一的REST API调用中读取的，没有调用来检索单个节点项的数据......所以每次如果我们使用路由，我们可能需要获取全部数据，这就是选项，一个思考过程是在开始时获取数据并将其存储在角度服务中，对于每个屏幕，而不是从服务器获取全部数据，我们可以使用此服务。不确定这是否是个好主意。我将通过 UI Router 检查状态管理

标签： javascript angularjs controller

【解决方案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 中你可以指定自己的控制器等。

【讨论】：