Ng-options ne fonctionne pas

Question

Je voudrais utiliser ng-options pour mes select en utilisant AngularJS mais il semble ne fonctionne pas comme je voudrais ...

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>

Problème: Je reçois aucune option, mais pages.length montre 5

écran (scope.pages $):

Answer 1

ng-options directive requires ng-model directive d'être là avec elle. L'ajout de ng-model corrigera le problème.

Answer 2

Utiliser modèle ng dans votre sélection ou essayez ceci:

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