將ng-repeat轉換為ng-option錯誤

Question

我有以下用於選擇標簽的html代碼。

<option ng-repeat="option in AllData" value="{{item.Id}}" ng-selected="data.Symbol==item.Id">{{item.Symbol}}</option>

我想將其轉換為ng-options。 有人可以說明一下嗎？

AllData的值如下。 它是一個對象數組。

0:Object
 Id: 1
 Symbol: "GR"
1:Object
 Id: 2
 Symbol: "DR"

我嘗試了類似的方法，但沒有成功。

ng-options="item as item .Symbol for item in AllData track by item.Id">

Answer 1

使用ngOptions ，還必須將ng-model與select的初始值綁定。 提及由於您使用track by item.Id ，因此默認值至少應包含屬性Id並滿足item Id屬性之一。 請參考以下示例：

 angular.module("app", []) .controller("myCtrl", function($scope) { $scope.AllData = [{ 0: Object, Id: 1, Symbol: "GR" }, { 1: Object, Id: 2, Symbol: "DR" }]; //$scope.data = $scope.AllData[0]; $scope.data = { 0: Object, Id: 1, Symbol: "GR" }; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <div ng-app="app" ng-controller="myCtrl"> <select ng-model="data" ng-options="item as item.Symbol for item in AllData track by item.Id"></select> {{selectedItem}} </div> 

Answer 2

嘗試這個

<select ng-options="option as option.Symbol for option in AllData">
    </select>