ng-options不生成下拉框

时间:2017-11-27 13:11:47

标签: javascript jquery html angularjs

我正在下拉菜单中选择add_event.html中的场地。

<select ng.model="venue" ng-click="getVenues()" ng-options="venue.name for venue in venues"  class="form-control"> 
</select>

getVenues()位于add_event.html使用的事件控制器中:

$scope.getVenues = function(){
  $http.get('/api/venues').then(function(response){
    $scope.venues = response.data;
  });
}

但由于某些原因,下拉列表没有填充?

/ api /场地确实会产生一系列场地。

2 个答案:

答案 0 :(得分:1)

应该 ng-model 并使用 ng-init 而不是 ng-click

<select ng-model="venue" ng-init="getVenues()" ng-options="venue.name for venue in venues" class="form-control"> 
</select>

答案 1 :(得分:0)

<select ng-model="selectedVenue" ng-init="getVenues()" ng-options="venue.name for venue in venues track by venue.id" class="form-control"> 
</select>

这将允许您在加载时预填充数据。保留selectedVenue(要预填充的值)