javascript - 如何在 ng-repeat 中使用 select 并在 api 调用数据上保持选中的值

Question

我在 ng-repeat 中使用 select。我正在尝试将来自我的 api 的值映射为选定值。我不知道我这边出了什么问题，请纠正我。这是JSfiddle

HTML 代码

 <div ng-repeat="trip in trips">
        {{trip.type}}
                    <select ng-change="typeChanged(selectedType,trip.id)" id="" name="" ng-model="selectedType">
<option    ng-selected="trip.type === t" ng-repeat="t in tripTypes">{{t}}</option>
</select>
      </div>

JS代码

$scope.trips=[];
  $scope.trips=[{id:1,type:'confirmed'},{id:2,type:'cancelled'}];

      $scope.tripTypes=['Confirmed','Quotation'];

Answer 1

我想我犯了一个愚蠢的错误，因为在进行了以下更改后，我的代码工作了，我将 ng-model 从 selectedType 更改为 trip.type，所以只有 ng-selected 可以检查条件。

<div ng-repeat="trip in trips">
{{trip.type}}
<select ng-change="typeChanged(selectedType,trip.id)" id="" name="" ng-model="trip.type">
<option    ng-selected="trip.type === t" ng-repeat="t in tripTypes">{{t}}</option>
</select>
</div>

这是工作小提琴现在检查