选择的选项进入 ng-repeat

Question

我有以下脚本，

 <select ng-model="create.Category" class="form-control input-sm" name="category" required>
   <option value="" disabled="" selected="">Select Category</option>
   <option ng-repeat="cat in categories" value="{{ cat.type }}">{{cat.type}}</option>
</select>

所以我的控制器看起来像这样（类别是一个工厂，它返回我的类别以填充 select 选项，信息是一个带有参数的对象实例）：

 app.controller('myCtrl', function($scope, categories, info) {
    $scope.categories = categories;
    $scope.create = info;
 });

所以，我的 select 选项已完美填充，但是，具有值的 ng-model="create.category" 未被 selected，它显示第一个类别在名单上。

有猜到的吗？

Answer 1

首选方法是使用 ngOptions :

https://docs.angularjs.org/api/ng/directive/ngOptions

Answer 2

在 select 中使用 ng-selected 并将 cat.type 与给定值

进行比较

<select ng-model="create.Category" class="form-control input-sm" name="category" required>
   <option value="" disabled="" selected="">Select Category</option>
   <option 
ng-selected="{{create.Category == cat.type}}"
ng-repeat="cat in categories" value="{{ cat.type }}">{{cat.type}}</option>
</select>

选择的选项进入 ng-repeat

selected option into ng-repeat

angularjs

ng-repeat

angularjs-ng-repeat