ng-selected arbeitet nicht mit ng-repeat angularjs

Question

ng-selected funktioniert nicht mit ng-repeat, im inspect-Element kann ich ng-selected = true sehen und es gibt ein Attribut für die Option element.my code ist wie folgt und wird ausgegeben Screenshot ist auch unten angegeben.

<div class="row"> 
    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 
     <label for="">{{diamond.category_id}}</label> 
    </div> 
    <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10"> 
     <select ng-model="diamond.category_id" class="form-control"> 
       <option ng-selected="{{diamond.category_id == category.id}}" 
          value="{{category.id}}" 
          ng-repeat="category in categoryData" 
       >{{category.id}}</option> 
      </select> 
    </div> 

Output-Link: http://prntscr.com/bfcdwa

Answer 1

ich es herausgefunden durch Verwendung ng-Optionen

<div class="row"> 
    <div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"> 
    <label for="">{{diamond.category_id}}</label> 
    </div> 
    <div class="col-xs-10 col-sm-10 col-md-10 col-lg-10"> 
     <select ng-model="diamond.category_id" 
       ng-options="category.id as category.fullName for category in categoryData" 
       class="form-control"> 
    </select> 
    </div> 
</div> 

Answer 2

Sie sollten dies tun:

<option ng-selected="diamond.category_id == category.id" 
          value="{{category.id}}" 
          ng-repeat="category in categoryData" 
       >{{category.id}}</option> 

Answer 3

Ihr Code wie folgt sein sollte:

<select class="form-control" ng-options="item.id for item in categoryData track by item" 
ng-model="diamond.category_id"> 
</select> 

Answer 4

<select class="form-control" 
    name="country" 
    ng-model="address.country" 
    ng-options="country as country.name for country in countries" 
    ng-change="address.province = address.country.data; address.province = address.country.data[0];address.city = address.province.data[0]">