AngularJS - 一個下拉不保留選定值

Question

在我AngularJS的Web應用程序，

Plunker：https://plnkr.co/edit/x9uIx5Inkxxt3fqttkkK?p=preview

我的一個降下來（一）不保留選擇的值。 html代碼片段如下。

我知道這是什麼做的映射NG-模型=「entityPropertyType.propertyId」

的entityPropertyType是從列表中迭代值。

HTML

 <div class="form-group" ng-repeat="entityPropertyType in advancedSearch.entityPropertyTypes" > 

     <label class="control-label col-md-1">Business Card</label> 
     <div class="col-md-2"> 
      <select class="form-control" ng-model="entityPropertyType.propertyId" 
       ng-change="businessCardSelected($index, entityPropertyType.propertyId)" > 
       <option value="">Please select</option> 
       <option ng-repeat="property in businessCards" value="{{property.propertyId}}">{{property.propertyLabel}}</option> 
      </select> 
     </div> 


    </div> 

Answer 1

你不應該使用ngRepeat渲染選擇選項。使用ngOptions指令：

<select class="form-control" 
     ng-options="property.propertyId as property.propertyLabel for property in businessCards" 
     ng-model="entityPropertyType.propertyId" 
     ng-change="businessCardSelected($index, entityPropertyType.propertyId)"> 
    <option value="">Please select</option> 
</select> 

演示：https://plnkr.co/edit/v6KbJSkqu5XNz2LUfbrK?p=preview