Question

我正在从json对象数组中以angular js加载选择控件。
如果集合中某项的顺序位置匹配某个值（例如3），我想设置selected属性，例如

<option ng-repeat="query in ReportQueries" selected="query.ordinal==3" 
value="query.ReportQueryID">{{query.QueryName}}</option>

我的对象上没有属性“ ordinal”，我希望在遍历一个集合时有一些索引或反角度生成并公开。

有人知道这是否可能吗？谢谢

谢谢

Answer 1

以下是一个可以帮助您的示例：已更新

angular.module('myApp', [])
  .controller('myCtrl', function($scope) {
    $scope.test = 3;

    $scope.ReportQueries = [{
      ReportQueryID: 1,
      QueryName: 'Amy'
    }, {
      ReportQueryID: 2,
      QueryName: 'Ben'
    }, {
      ReportQueryID: 3,
      QueryName: 'Betty'
    }, {
      ReportQueryID: 4,
      QueryName: 'Hannah'
    }, {
      ReportQueryID: 5,
      QueryName: 'John'
    }]
  })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  <select ng-model="test">
    <option ng-repeat="query in ReportQueries" ng-selected="test==$index">{{query.QueryName}}</option>
  </select>
  <h1>Selected Index is: {{test}}</h1>
</div>

根据项目的顺序位置在angular js中设置所选选项

1 个答案: