AngularJS select2 ui

Question

任何機構都可以幫助我處理示例代碼嗎？

我想選擇國家與AngularJS UI選擇2，並選擇，相應的狀態加載在不同的select2狀態。國家和州都位於JSON數據中。該州有一個國家ID。

Answer 1

有點像documentation說？假設你的範圍內有一個對象data。

數據結構

{ 
    "countries": [ 
     { 
      "id": 1, 
      "name": "US", 
      "states": [ 
       {"id": 1, "name"="CA"} 
       {"id": 2, "name"="NJ"} 
      ] 
     }, 
     { 
      "id": 2, 
      "name": "UK", 
      "states": [ 
       {"id": 1, "name"="London"} 
       {"id": 2, "name"="Manchester"} 
      ] 
     } 
    ] 
} 

HTML查看

<select ui-select2 ng-model="countryPicked" data-placeholder="Pick a country"> 
    <option value=""></option> 
    <option ng-repeat="country in data.countries" value="{{country.id}}">{{country.name}} </option> 
</select> 
<select ui-select2 ng-model="statePicked" data-placeholder="Pick a state" ng-if="country"> 
    <option value=""></option> 
    <option ng-repeat="state in data.countries[countryPicked]" value="{{state.id}}">{{state.name}}</option> 
</select> 

<p>Country picked: {{ countryPicked }}</p> 
<p>State picked: {{ statePicked }}</p>