выбранная опция исчезает из вида, когда я связываюсь с ng-моделью

0

Я новичок в ионных/угловых. Выбранная опция по умолчанию исчезает из раскрывающегося списка, когда я связываюсь с ng-моделью, как в (ng-model="mycomment.rating").

Если я не свяжусь, он снова появится. Ниже приведен фрагмент кода. Любые подсказки?

           <label class="item item-input item-select">
                <div class="input-label" >
                    Rating
                </div>
                  <select ng-model="mycomment.rating">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option selected>5</option>
                </select>
Теги:

1 ответ

0

Поскольку вы привязываете свой элемент select к вашей модели, выбранная опция будет соответствовать той, которая соответствует значению вашей модели (переменной в области). Если вы хотите, чтобы выбранное по умолчанию значение было "5", убедитесь, что mycomment.rating равен 5, путем инициализации его в вашем контроллере. В этом случае вы даже можете отбросить атрибут "selected".

var m = angular.module('myApp', []);
m.controller('mainController', function($scope) {
  $scope.mycomment = {
    rating: 5
  };

});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="mainController">
  <span>{{mycomment.rating}}</span>
  <select ng-model="mycomment.rating">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
</div>

Ещё вопросы

Сообщество Overcoder
Наверх
Меню