Convert ng-repeat in ng-Option Fehler

Question

Ich habe diesen folgenden HTML-Code für ausgewählte Tags.

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

Ich möchte dies zu ng-Optionen konvertieren. kann jemand bitte etwas Licht auf dieses werfen.

Der Wert von AllData ist wie folgt. Es ist eine Anordnung von Objekten.

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

Ich versuchte so etwas, aber war nicht erfolgreich.

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

Answer 1

wenn ngOptions verwendet, müssen Sie auch ng-model mit dem Anfangswert von select binden. erwähnen, dass, da Sie track by item.Id verwendet haben, sollte der Standardwert mindestens die Eigenschaft Id enthält und erfüllt die eine der Elemente Id Eigenschaft. das unten stehende Beispiel verweisen:

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

Versuchen Sie, diese

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