html - ng-option 中的空行仍然出现在选择菜单中

Question

嗨，我有不应有空行的选择菜单，这是我在 AngularJS 中的代码

    $scope.GetAllSnimateljiBaseInfo = function () {

    $http.get(serviceBase + "GetAllSnimateljiBaseInfo", { timeout: 6000 })
    .success(function (response) {
        $scope.snimatelji = response;
        $scope.snimatelji.splice(0, 0, { "IDsnimatelj": 0, "Ime": "", "Prezime": "" });
        $scope.selectedSnimateljInfilterVideoKlip = $scope.snimatelji[0];
    })
     .error(function (response, status) {
         if (status == 401) {
             $state.go('/');

         }
         else {
             alert(response.Message);
         }
     });
};

这是 HTML 代码

        <div class="form-group">
                    <label class="col-lg-3">Snimatelj:</label>
                    <div class="col-lg-9">
                        <select class="form-control" ng-options="column as column.Ime +' '+ column.Prezime for column in snimatelji" ng-model="selectedSnimateljInfilterVideoKlip">
                            <option value=""></option>
                        </select>
                    </div>
                </div>

但是选择菜单看起来像这样

如您所见，我有两个空菜单选项而不是一个？

我的错误在哪里，请帮助？

问候

Answer 1

默认情况下，会有一个空行用于角度选择。额外的空行是因为您已指定

<option value=""></option>

在选择标签中 - 删除它。如果您还想删除默认的空行，请设置 $scope.selectedSnimateljInfilterVideoKlip = $scope.snimatelji[0] 或使用 ng-init 来实现相同的目的。