Question

当我使用此代码时，下拉列表显示为空，我该如何解决此问题？

<div class="form-group col-md-2" >


  <select ng-model="singleSelect" class="form-control" required>
             <option value="2">All</option>
             <option value="1" selected="singleSelect == '1'">Male</option>
             <option value="0">Disapproved</option>
     </select>                  
</div>

Answer 1

您应该使用 ng-selected https://docs.angularjs.org/api/ng/directive/ngSelected

  <div class="form-group col-md-2" >
     <select ng-model="singleSelect" class="form-control" required>
             <option value="2">All</option>
             <option value="1" ng-selected="(singleSelect == 1)">Male</option>
             <option value="0" ng-selected="(singleSelect == 0)">Disapproved</option>
     </select>        
</div>
</div>

Angular.js

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

function MyCtrl($scope) {
    $scope.singleSelect = 1;
}

http://jsfiddle.net/7a4pzkuq/

Answer 2

""

试试这个:)

Answer 3

    <div class="form-group">
    <select ng-model="FormData.DefaultOption" class="form-control" ng-options="option.Name for option in FormData.MyOptions track by option.Value" required></select>
</div>

在函数外添加以下内容到控制器：

    $scope.FormData = {
    DefaultOption: { Name: 'Male', Value: 1 },
    MyOptions: [{ Name: 'All', Value: 2 }, { Name: 'Male', Value: 1 }, { Name: 'Disapproved', Value: 0 }]
};

更清洁的方法。使用它时，请使用对象所需的值

预选下拉不起作用？

3 个答案: