angular.js select не показывает значение параметра в начале

Я использую angular.js и bootstarp - angular-ui-bootstarp. и я обнаружил проблему, заключающуюся в том, что при использовании выбора, даже если параметр не пуст, выбор на странице всегда ничего не показывает, пока вы не щелкнете список параметров. Первое, что я попробовал, это напрямую поместить параметры в select и сделать один вариант с ng-selected = "selected", но не работает.

 <select class=" input-sm pull-right" style="margin-right: 5px;" ng-change="selectUserFilter()" ng-model="user_filter_key" >
  <option >All</option>
  <option ng-selected="selected">Active</option>
 </select>

Второе, что я пробовал, - это встроить модель со списком опций в выбранную, но она все еще не работает.

  $scope.user_options = ['All','Active'];
 <select class=" input-sm pull-right" style="margin-right: 5px;" ng-change="selectUserFilter()" ng-model="user_filter_key" ng-options="opt for opt in user_options">
     </select>

angularjs angular-ui-bootstrap
person user824624    schedule 04.10.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

См. Здесь http://jsbin.com/tifur/1/edit.

просто установите user_filter_key в свой контроллер:

 $scope.user_filter_key = $scope.user_options[0]

html:

<body ng-app="app">
  <div ng-controller="firstCtrl">
    <select class=" input-sm pull-right" style="margin-right: 5px;" ng-change="selectUserFilter()" ng-model="user_filter_key" ng-options="opt for opt in user_options">
    </select>
  </div>
</body>

JS:

var app = angular.module('app', []);

app.controller('firstCtrl', function($scope) {
  $scope.user_options = ['All', 'Active'];


  //add this
  $scope.user_filter_key = $scope.user_options[0]



});
person sylwester    schedule 04.10.2014
comment
Спасибо, простое исправление, но очень помогает - person user824624; 05.10.2014