Erstellen Sie wählen mit otpgroup basierend auf zwei verschiedenen Daten

Question

Hallo Freunde hier zwei Daten in eine JSON-Datei, wo ich brauche Wählen Sie die Option erstellen, basierend auf dem Landgebiet und zeigen Daten, basierend auf dem Standort Feld

"countries": [ 
     { 
      "id": "75", 
      "country": "France" 
     }, 
     { 
      "id": "82", 
      "country": "Germany" 
     }, 
     { 
      "id": "208", 
      "country": "Switzerland" 
     }, 
     { 
      "id": "226", 
      "country": "United Kingdom" 
     }, 
     { 
      "id": "227", 
      "country": "United States" 
     } 
    ], 
    location": [ 
     { 
      "id": "49", 
      "name": "Aberdeen", 
      "country_id": "226", 
      "country": "United Kingdom" 
     }, 
     { 
      "id": "52", 
      "name": "All Cities", 
      "country_id": "226", 
      "country": "United Kingdom" 
     }, 
     { 
      "id": "51", 
      "name": "All Cities", 
      "country_id": "82", 
      "country": "Germany" 
     }, 
     { 
      "id": "50", 
      "name": "All Cities", 
      "country_id": "227", 
      "country": "United States" 
     } 
     { 
      "id": "31", 
      "name": "San Jose", 
      "country_id": "227", 
      "country": "United States" 
     }, 
     { 
      "id": "42", 
      "name": "Seattle", 
      "country_id": "227", 
      "country": "United States" 
     }, 
     { 
      "id": "18", 
      "name": "Stuttgart", 
      "country_id": "82", 
      "country": "Germany" 
     }, 
     { 
      "id": "41", 
      "name": "Washington DC", 
      "country_id": "227", 
      "country": "United States" 
     } 
    ], 

HTML Datei

<select ng-model="location"> 
       <optgroup ng-repeat="data in location" label="{{data.country}}"> 
        <option ng-repeat="item in data" value="{{data.country}}::{{item.name}}">{{item.name}}</option> 
       </optgroup> 
    </select> 

ich brauche, um meine Daten zu zeigen, wie folgt aussehen:

Ich versuche oben Code, aber ich bekomme keinen Erfolg. Bitte Hilfe

Answer 1

Keine Notwendigkeit, eine andere Anordnung verwenden Sie es auch Array, indem nur Ort tun können, als

folgen

<select ng-model="location" ng-options="option.name as option.name group by option.country for option in locations"></select> 

Check this working example