Question

我正在创建一个网络应用，其中ajax:on使用c#

目前我正在更新我的记录，其中有一个名为angularjs的下拉列表，看起来像这样

zone

但是下拉列表中的第一个字段显示为空白而不是<select ng-model="uzone" ng-change="locationupd(c)"> <option ng-repeat="l in gzone" value="{{l.jzone}}">{{l.jzone}}</option> </select>

的第一个值

任何人都可以帮助我吗？

Answer 1

你好，你可以看看ngOption： https://docs.angularjs.org/api/ng/directive/ngOptions

Answer 2

试试这个：

<select ng-model="uzone" ng-change="locationupd(c)">
  <option ng-repeat="l in gzone" ng-value="l.jzone">{{l.jzone}}</option>
</select>

Answer 3

我昨天在工作中处理过类似的情况。
我的下拉列表必须列出所有国家的名称我现在可以为下拉列表设置默认值请根据您的需要更改代码。

我必须做的事情：将CH / Switzerland设置为vm.selectedCountry的默认值。

CodePen代码（使用select）：
样品：

<select class="selector" ng-model="vm.selectedCountry" ng-options="country.name for country in vm.countries" ng-init="vm.selectedCountry = {'name': 'Switzerland', 'code': 'CH', 'init': true}">

<!--shows only when ng-init is run-->
    <option value="" ng-show="vm.selectedCountry.init">Switzerland</option>

</select>

Drop-down List (AngularJS): Adding default value using select, ng-init and ng-show

CodePen代码（使用md-select和Angular Material）：
样品：

<md-select ng-model="vm.selectedCountry" ng-init="vm.selectedCountry = vm.selectedCountry?selectedCountry : 'CH';">

                    <md-option ng-value="'CH'" ng-selected="vm.selectedCountry == 'CH'?true:false">Switzerland</md-option>

                    <md-option ng-repeat="country in vm.countries" ng-value="country.code">
                        {{country.name}}
                    </md-option>
</md-select>

Drop-down List (AngularJS): Adding default value using md-select, ng-init and ng-selected

在上面的一个中，默认值是从数组中拼接出来的，并且首先放在md-select中（否则，会发生重复）。

Answer 4

使用$ scope变量首先选择该选项。

在我的情况下，我有 $ scope.opt = $ scope.items [0];

＆＃13;

 angular
                .module("myModule", [])
                .controller("myController", ['$scope', function ($scope) {
                     $scope.items = [{id: 1,label: 'aLabel'}, {id: 2,label: 'bLabel'},{id: 3,label: 'cLabel'}, {id: 4,label: 'dLabel'}, {id: 5,label: 'eLabel'}, {id: 6,label: 'fLabel'}, {id: 7,label: 'gLabel'}];
                    $scope.opt = $scope.items[0];
                }]);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="myModule" >
    <div ng-controller="myController">
  <select ng-model="opt" ng-options="i as i.label for i in items track by i.id ">
        <option value="">Select ALL</option>
    </select><br />
    </div>
</body>

＆＃13;

下拉列表在我的更新语法angularjs中传递空白值

4 个答案: