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.

demo: http://plnkr.co/edit/u9bk7l9jlaxkzmbmjlmu?p=preview


Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -