吳選項不起作用

Question

我想用ng-options我select使用AngularJS但似乎沒有工作，因爲我想...

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

使用NG-模型在選擇或嘗試這個辦法：

<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>