Dropdown depends on other dropdown - angularjs

Question

I\'m having data in the form given below

   var servers =   [
           {
               \"name\": \"server1\",
               \"version\":
               [         


        

Answer 1

You need to tweak your HTML template, so that the first drop down is displaying the server name, and that the options for the 2nd drop down are based upon the versions in the selected drop down (ngModel of the first drop down).

<div ng-controller="MyCntrl">
    <select ng-model="server" ng-options="x.name for x in servers"></select>
    <select ng-model="version" ng-options="val for val in server.version"></select>
</div>

working fiddle here