2016-01-21 4 views
0

Я хотел бы использовать ng-options для моих select используя AngularJS но, похоже, не работает, как я хотел бы ...Ng-опция не работает

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>

Issue: Я не получаю никаких вариантов, но pages.length показывает 5

экран ($ scope.pages):

enter image description here

ответ

2

ng-options directive requires ng-model Директива должна быть с ним.

Добавление ng-model устранит проблему.

+0

Спасибо, это работает. – tonymx227

+0

@ tonymx227 Рад помочь вам .. Спасибо :) Спасибо! –

0

Использование нг-модели в ваш выбрать или попробовать это:

<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> 
Смежные вопросы