javascript - cascading dropdown with template using angularjs -

i trying explore angularjs , wanted cascaded dropdown template using ng-include.

 <div ng-app="cascadeddropdown">         <table ng-controller="dynamicbinding">             <tr>                 <td>                     <label>country name</label>                 </td>                 <td>                     <div class="form-control" ng-include="'../template/countryname.html'"></div>                  </td>             </tr>             <tr>                 <td>                     <lable>region name</lable>                 </td>                 <td>                     <div class="form-control" ng-disabled="!countries" ng-model="regions" ng-include="'../template/regionname.html'"></div>                 </td>             </tr>             <tr>                 <td>                     <lable>city name</lable>                 </td>                 <td>                     <div class="form-control" ng-disabled="!regions" ng-include="'../template/cityname.html'"></div>                 </td>             </tr>         </table> 

and template like

<select name="countrycode" id="countrycode" class="text" style="width:300px;">     <option value="">select country</option>     <option value="af">afghanistan</option> </select> 

and similar region , city.

is way achieve using ng-model or etc.. tried using other option template en not below sample code can solve issue http://jsfiddle.net/6eczc/1/ http://jsfiddle.net/annavester/zd6ux/

thanks in advance!!