Question

嗨，这是我的html代码

 <select style="width: 199px;margin-top: -9px;" id="ddlTypeCode" ng-model="selectedCountryCode" ng-change="locationChange(selectedCountryCode)" name="ddlTypeCode" class="form-control">
                    <option ng-repeat="Country in CountryList track by $index" value="{{Country}}"
                            ng-selected="Country == 'India'">
                        {{Country}}
                    </option>

CountryList没有任何空值，但在UI下拉列表中显示了一个空条目。请建议

Answer 1

在与ng-repeat一起使用数组时，这在angularjs中很常见。

很简单，只需添加带有<option>的{{1}}标签即style="display:none" 它完成了工作。

<option style="display:none"></option>

var app = angular.module("myApp", []);

app.controller('testCtrl', ['$scope', function ($scope) {
 $scope.CountryList = ["India", "China", "Japan"]; 
   
   
}]);

希望有帮助。干杯!

〜NiKhIl

Answer 2

当传递给ng-options的一组选项中不存在ng-model引用的值时，将生成empty选项。

看看Why does AngularJS include an empty option in select?

如何从ng-repeat Angulst JS中删除空条目

2 个答案: