angularjs selected=“selected”未填充到标记中的下拉列表< option>内

5lhxktic  于 2022-10-31  发布在  Angular
关注(0)|答案(1)|浏览(174)

我有一个下拉菜单,我将显示两种类别的下拉菜单:AdminUser
我需要填充如果下拉列表包含空值自动填充在屏幕上。我的问题是它在一个(管理员)类别工作正常,(用户)类别它不工作。下面我粘贴的代码,我在我的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">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp  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">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp  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,我没有在我的代码中添加任何内容。
请指导我,我没有得到任何错误,我测试这是在谷歌铬。

mctunoxg

mctunoxg1#

使用ng-selected指令指定何时应选择项。
您还可以将返回布尔值的控制器函数赋值给它,以允许您执行更多操作。

相关问题