So wählen Sie einen beliebigen Wert aus der Liste in AngularJS

Question

Problem: Ich habe einen Wert, der aus dem Back-End stammt und in der Dropdown-Liste sein muss (Es muss der standardmäßig ausgewählte Wert sein). Das Dropdown-Menü enthält Werte einschließlich dieses Wertes. Aber irgendwie, sogar nach der Angabe dieses Wertes im Scoep, wird es nicht im Frontend angezeigt. Hier ist der Code.
HTML

<select class="bs-select form-control" ng-model="car.yearOfPurchase " id="year" name="year" required=""> 
     <option ng-repeat="year in years" value="year">{{year}}</option> 
</select> 

JS

$scope.years = []; 

    for (var i = 2002; i <= parseInt(moment().format("YYYY")); i++) { 
     $scope.years.push(i.toString()); 
    } 
    /*Value comign from backend. Mocked in this case.*/ 
    $scope.car = { 
    yearOfPurchase : "2006" 
    }; 
    $scope.year = $scope.car.yearOfPurchase; 

Auch habe ich ein plunker für das gleiche erstellt.

Answer 1

<select class="bs-select form-control" ng-model="car.yearOfPurchase" 
    id="year" name="year" required="" 
    ng-options="year for year in years"> 
</select> 

Seien Sie vorsichtig, Sie hatten ein Leerzeichen in Ihrem ng-model.

Ich wechselte zu ng-Optionen anstelle von Option mit ng-Wiederholung.