javascript - 如何根据所选的 Angular 选项填充复选框？

Question

   <select class="form-control" ng-model="filterFormInputs.apps"
     ng-options="app.Application for app in d">
     <option value="" disabled selected>Select an Application</option
 </select>

我的 index.html 中有上面的代码片段。和在我相应的 Controller 中$scope.d = [{"Application": "app1", "details":[{"name":"name1"},{"name":"name2"},{"name":"name3 "}]}, {"应用程序":"app2", "详细信息":[{"name":"name4"},{"name":"name5"},{"name":"name6"}]} ]

我如何做到这样，当我从选择表单中选择“app1”时，我可以用相应的“名称”字段填充复选框列表？例如，如果我选择 app1，我想要三个复选框name1、name2 和 name3 出现。如果我从选择表单中选择 app2，我希望出现三个带有 app4、app5 和 app6 的复选框？使用 ng-repeat/ng-model

Answer 1

您还需要一个 ngRepeat。例如像这样:

<select class="form-control" ng-model="filterFormInputs.apps" ng-options="app.Application for app in d">
    <option value="" disabled selected>Select an Application</option> 
</select>

<label ng-repeat="checkbox in filterFormInputs.apps.details">
    <input type="checkbox" ng-model="checkbox.checked"> {{checkbox.name}}
</label>

您只需要决定将这些复选框绑定(bind)到什么模型。

演示: http://plnkr.co/edit/u9Bk7L9jLAxKzMbMjLmu?p=preview