繁体   English   中英

ng-option中的空行仍然在选择菜单中显示

[英]Empty row in ng-option still apears in select menu

嗨我有选择菜单,不应该有空行,这是我在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>

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

在此输入图像描述

如你所见,我有两个空菜单选项而不是一个?

我的错误在哪里,请帮忙吗?

问候

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

<option value=""></option>

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM