在 asp.net MVC5 应用程序中使用 Angular js 加载动态控件

Question

我有一个将使用 MVC5、angularJS 和 bootstrap 构建的项目。

我有一个名为费用类型的下拉菜单。从下拉列表中选择一个值后，我的视图中几乎没有其他控件要加载。

其中一些控件取决于在费用类型下拉列表中选择的值，并且一些控件已经修复。根据选择的值，我的控制器将查询数据库并获取在我的视图中加载动态控件所需的数据。但是如何使用 angularjs 在我的视图中渲染它？控件的数量和控件的类型完全取决于所选的下拉值。控件的类型和值都来自数据库。

请建议我如何进行。

Answer 1

您可以创建将绑定在您的视图中的控制器定义数组。

例如在你的控制器中：

var WorkSpaceAdd = function (controller, name, url) {
    var id = $scope.workspaces.length + 1;
    $scope.workspaces.push({
        url: url,
        controller: controller,
        id: id,
        name: name,
        active: true,
        disabled: false
    });
};

在你看来

<div ng-repeat="workspace in workspaces"
     active="workspace.active" disabled="workspace.disabled">
    <div ng-init="workspace=workspace" ng-include="workspace.url">
    </div>
</div>