如何让复选框根据 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 中有上面的代码片段。和在我相应的控制器中 $scope.d = [{"Application": "app1", "details":[{"name":"name1"},{"name":"name2"},{"name":"name3"}]}, {"Application":"app2", "details":[{"name":"name4"},{"name":"name5"},{"name":"name6"}]}]

我如何做到这样，当我从 select 表单 select "app1" 时，我可以使用相应的 "name" 字段填充复选框列表” ? 例如，如果我 select app1，我希望显示名称 1、名称 2 和名称 3 的三个复选框。如果我从 select 表单中选择 select 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>

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

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

如何让复选框根据 angular 中的选定选项进行填充？

How to get checkboxes to populate based on selected option in angular?

javascript

checkbox

angularjs

drop-down-menu