如何根据角度中的选定选项来填充复选框？答案

【问题标题】：How to get checkboxes to populate based on selected option in angular?如何根据角度中的选定选项来填充复选框？
【发布时间】：2015-09-26 10:27:01
【问题描述】：

   <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 中有上面的代码 sn-p。和在我相应的控制器中，我有 $scope.d = [{"Application": "app1", "details":[{"name":"name1"},{"name":"name2"},{"name":"name3"}]}, {"Application":"app2", "details":[{"name":"name4"},{"name":"name5"},{"name":"name6"}]}]

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

【问题讨论】：

标签： javascript angularjs checkbox drop-down-menu

【解决方案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

【讨论】：