javascript - How to get checkboxes to populate based on selected option in angular? -
<select class="form-control" ng-model="filterforminputs.apps" ng-options="app.application app in d"> <option value="" disabled selected>select application</option </select>
i have above code snippet somewhere in index.html. , in corresponding controller have $scope.d = [{"application": "app1", "details":[{"name":"name1"},{"name":"name2"},{"name":"name3"}]}, {"application":"app2", "details":[{"name":"name4"},{"name":"name5"},{"name":"name6"}]}]
how make such when select "app1" select form, can populate list of checkboxes corresponding "name" field" ? example, if select app1, want 3 checkboxes name1, name2, , name3 appear. , if select app2 select form, want 3 checkboxes app4, app5, , app6 appear? using ng-repeat / ng-model
you need 1 more ngrepeat. example this:
<select class="form-control" ng-model="filterforminputs.apps" ng-options="app.application app in d"> <option value="" disabled selected>select application</option> </select> <label ng-repeat="checkbox in filterforminputs.apps.details"> <input type="checkbox" ng-model="checkbox.checked"> {{checkbox.name}} </label>
you need decide model bind checkboxes.
Comments
Post a Comment