Question

我是离子/角度的新手。当我与（ng-model="mycomment.rating"）中的ng-model绑定时，默认选择的选项会从下拉视图中消失。

如果我不绑定，则会再次出现。我的代码片段如下。有线索吗？

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

Answer 1

由于您将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>

当我与ng-model绑定时，选择的选项从视图中消失

1 个答案: