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