爲一個下拉處理兩個不同的模型

Question

我有兩個不同的模型，一個是$ scope.veh.vehCode和$ scope.veh.vehName。從下拉列表中選擇車輛名稱後需要將車輛傳送到後端。在車輛更新期間需要填充先前選擇的車輛vehName，但是我的模型$ scope.veh.vehCode。我如何在dropDown中填充vehName？

更新車輛我al getVehicles休息呼叫，作爲迴應我收到Vehicle名稱是VehName。

$scope.veh.vehCode = response.VehName 

<label>Vehicle Name </label> 
      <ui-select name="model" id = "model" ng-model="veh.vehCode" ng-disabled="disabled" class="w-md mb-10"> 
      <ui-select-match placeholder="Select or search a veh in the list...">{{$select.selected.model}}</ui-select-match> 


       <small ng-bind-html="model.vehCode | highlight: $select.search"></small> 
      </ui-select-choices> 
      </ui-select> 
     </div> 

Answer 1

您可以使用ng-options和ui-select2標籤來處理這個問題：

vehic model:

vehics = [{name: "name1", value: 1000},{name: "name2", value: 2000}] 

html code:

<label class="control-label">vehic name</label> 
<select ui-select2 style="width: 100%" name="vehicName" ng-model="vehicCode" 
     ng-options="vehic.code as vehic.name for vehic in vehics" 
     required> 
    <option value="">--select vehic--</option> 
</select> 

通過這個代碼，你看vehic names在您的下拉列表中，以及選擇一個項目時，您的ng-model獲得vehic code值。