我有一个下拉菜单,我将显示两种类别的下拉菜单:Admin和User
我需要填充如果下拉列表包含空值自动填充在屏幕上。我的问题是它在一个(管理员)类别工作正常,(用户)类别它不工作。下面我粘贴的代码,我在我的chrome控制台的ELEMENTS
标签。
工作中
<select ng-model="dept" ng-change="deptCh(dept,buildNameng)" ng-options="option.floor as option.floor for option in dptData
| unique:'floor'" style="width: 12%;" ng-if="floorNotNull" class="ng-pristine ng-untouched ng-valid ng-scope">
<option value="" class="" selected="selected">---Floor---</option><option value="string:" selected="selected"></option></select>
不工作
<select ng-model="dept" ng-change="deptCh(dept,buildNameng)" ng-options="option.floor as option.floor for option in dptData
| unique:'floor'" style="width: 12%;" ng-if="floorNotNull" class="ng-pristine ng-valid ng-scope ng-touched">
<option value="" class="" selected="selected">---Floor---</option><option value="string:"></option></select>
我在chrome控制台中得到了上面的代码。当我以ADMIN登录时,工作代码在选项标记的END内选择了=“selected”。
<option value="" class="" selected="selected">---Floor---</option><option value="string:" selected="selected"></option></select>
当我以USER身份登录时,不工作的代码在END选项标记内没有此selected=“selected”。
<option value="" class="" selected="selected">---Floor---</option><option value="string:"></option></select>
如果我手动添加selected="selected"
这在chrome edit as html
内的不工作的option
标记其工作正常。
我不知道为什么这个代码工作在一种类型,但不工作的另一种类型,也选定=“选定”不来,如果我登录为“用户”类型。我将张贴我的整个下拉代码如下
<div ng-show="(staticData == 2) ? trueVar : (firstTimeSubject == 9) ? trueVar : falseVar">
<label ng-if="floorNull" for="singleSelect">        Floor: </label>
<select ng-if="floorNull" ng-model="dept" ng-options="option.id as option.floor for option in dptData | unique:'floor'" style="width:12%" ng-change="deptCh(dept,buildNameng)">
<!-- You can have ONE default, null selection option.-->
<option value="">---Floor---</option>
</select>
<label ng-if="floorNotNull" for="singleSelect">        Floor: </label>
<select ng-if="floorNotNull" ng-model="dept" ng-options="option.floor as option.floor for option in dptData | unique:'floor'" style="width:12%" ng-change="deptCh(dept,buildNameng)">
<!-- You can have ONE default, null selection option.-->
<option value="">---Floor---</option>
</div>
铬卡扣
chrome控制台
中的工作快照
chrome控制台
中的管理单元不工作
上面我标记为RED CIRCLE代码的不工作快照不会自动填充到USER类别登录中的option
标记selected="selected"
内。selected="selected"
是自动添加的Chrome,我没有在我的代码中添加任何内容。
请指导我,我没有得到任何错误,我测试这是在谷歌铬。
1条答案
按热度按时间mctunoxg1#
使用
ng-selected
指令指定何时应选择项。您还可以将返回布尔值的控制器函数赋值给它,以允许您执行更多操作。