ng-option中的第一项自身变为空白

时间:2017-06-21 18:43:59

标签: angularjs ng-options

组合框中的第1个(FIRST !!)项目只是空白。

该项目实际上存在,但变得不可见。 只有点击它才会显示。当我点击任何其他项目时,第一个项目再次消失(变为空白)。

问题只发生在组合框中的第1项。

这不是许多组合框中常见的默认初始空白项。它是一个真实的项目,具有真正的价值,在组合内部变得空白。

我没有对ng-options应用任何类型的过滤器。

有人可以帮忙吗?

2 个答案:

答案 0 :(得分:0)

您可以将ng-init="v1.... = 'A'"ng-init="v1.... = 'D'"与ng-model一起使用,如下所示。感谢ng-init,我们可以在select元素中设置初始选项。

<select ng-init="v1.... = 'D'"
        data-ng-disabled="v1.array2.length == 0 || v1.butt != '2'" 
        class="col7" 
        name="orderOptions" 
        id="orderOptId" 
        data-ng-click="v1....()" 
        data-ng-model="v1...." >
        <option value="A">Ascending</option>
        <option value="D">Descending</option>
</select>

答案 1 :(得分:0)

我终于设法在组合框中显示第一个项目。我尝试了很多选项,而有效的选项是删除

<div class='modal-body'> </div> 

从模态html中替换为

<form class='form'> </form>. 

模态的主体现在位于&#34;形式&#34;内。我想知道为什么会有效。

我也有关于

的问题
$scope.form = {type : $scope.typeOptions[0].value}; 

的事情。我想在另一种情况下使用它,但列表是在html中声明,而不是在javascript中声明。我的意思是,没有&#34; $ scope.typeOptions&#34;或者等同于我的javascript。我的html中有以下内容

                <div >
                 <select data-ng-disabled="v1.array2.length == 0 || v1.butt != '2'" 
                        class="col7" 
                        name="orderOptions" 
                        id="orderOptId" 
                        data-ng-click="v1....()" 
                        data-ng-model="v1...." >
                        <option value="A">Ascending</option>
                        <option value="D">Descending</option>
                    </select>
                </div>

在这种情况下,我应该如何使用它?

感谢。