保存來自ng-option中對象的特定文件？ 並設置第一個默認值

Question

我有一個包含以下數據的對象數組：

vm.myCars= [
        {
           Id: 1,
           name:"Ford"
        },
        {
           Id: 2,
           name:"Buick"
        }
  ]

我想在ng-option中顯示汽車的名稱，但是當用戶選擇汽車時，我想將ID保存在變量（對象）中。

 <select class="form-control input-sm"                
                            ng-model="vm.pickedCar.Id"                           
                            ng-options="i.name for i vm.myCars"></select>

我也想在選擇框中設置第一個值。 有什么建議么？

Answer 1

使用以下ng-options語法：

ng-model="vm.pickedCar" ng-options="i.Id as i.name for i in vm.myCars"

然后在控制器中初始化值：

vm.pickedCar = 1;

參見示例：

 var app = angular.module('TestApp', []); app.controller("testCtrl", function ($scope) { var vm = this; vm.pickedCar = 1; vm.myCars= [ { Id: 1, name:"Ford" }, { Id: 2, name:"Buick" } ]; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="TestApp" ng-controller="testCtrl as vm"> pickedCar: {{vm.pickedCar}} <br> <select class="form-control input-sm" ng-model="vm.pickedCar" ng-options="i.Id as i.name for i in vm.myCars"></select> </div>