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

Dynamically loading views / controllers in Angular JS

本文关键字：视图 控制器 加载 动态 Angular JS      更新时间：2023-09-26

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

目前我们只有一个视图和控制器，因为一个API调用就可以获取所有数据。每个配置屏幕都是一个div标记，它在单击树节点的位置显示/隐藏。。。代码变得越来越混乱。。。是否有任何方法可以将每个配置屏幕分离为一个单独的视图/控制器，并使用路由

动态分离

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

相关文章：