Ng-options 不起作用

Question

我想使用 AngularJS 为我的 select 使用 ng-options，但它似乎无法正常工作...

app.controller("LinkController", function($scope, $http, $filter) {
  $http.get('/api/link').success(function(data, status, headers, config) {
    $scope.pages = data.pages;
  });
});

<div ng-controller="LinkController">
  <div class="form-group">
    <label for="page" class="control-label">Pages ({{pages.length}} pages)</label>
    <select id="page" class="form-control" ng-options="page.title for page in pages">
      <option value="">-- Please, select at least one page --</option>
    </select>
  </div>
</div>

问题：我没有任何选项，但 pages.length 显示 5

屏幕（$scope.pages）：

Answer 1

ng-options directive requires ng-model 指令在那里。

添加 ng-model 将解决问题。

Answer 2

在 select 中使用 ng-model 或试试这个：

<div ng-controller="LinkController">
   <div class="form-group">
      <label for="page" class="control-label">Pages ({{pages.length}} pages)</label>
       <select id="page" class="form-control">
        <option value="">-- Please, select at least one page --</option>
        <option ng-repeat="page in pages">{{page.title}}</option>
       </select>
    </div>
 </div>

Ng-options 不起作用

Ng-options doesn't work

angularjs

ng-options

angularjs-ng-options