Как удалить пустую запись из ng-repeat Angulst JS

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 не имеет пустого значения, но в пользовательском интерфейсе показывает одну пустую запись. Пожалуйста, предложите

Answer 1

Это обычная вещь в angularjs при использовании массивов с ng-repeat,

Это просто, просто добавьте <option> пометить с style="display:none" т.е. <option style="display:none"></option> Это делает работу.

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

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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="testCtrl">
    
<select style="width: 199px;margin-top: -9px;" id="ddlTypeCode" ng-model="selectedCountryCode" ng-change="locationChange(selectedCountryCode)" name="ddlTypeCode" class="form-control">
          <option  style="display:none;"></option>
         <option ng-repeat="Country in CountryList " value="{{Country}}"ng-selected="Country == 'India'">
                        {{Country}}
                    </option>
        

</div>

Надеюсь, что это помогает.. Ура!

~ Нихил

Answer 2

Пустая опция генерируется, когда значение, на которое ссылается ng-model, не существует в наборе опций, передаваемых в ng-options.

Посмотрите, почему AngularJS включает пустую опцию в select?