2016-07-23 117 views
0

我有一个下拉列表中,我将展示下拉到两种类别联系用户的选择=“选择”不填充里面<option>标签下拉

我需要填充如果下拉包含自动填充在屏幕上的空值。我的问题是它在One(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> 

我得到了这样的代码在上面镀铬控制台。当我登录为ADMIN时,工作代码在选项标签的END内选择=“选定”。

<option value="" class="" selected="selected">---Floor---</option><option value="string:" selected="selected"></option></select> 

的不工作密码可是没有这个选择=“选择”的END选项标签内,当我记录为USER

<option value="" class="" selected="selected">---Floor---</option><option value="string:"></option></select> 

如果我手动铬edit as html加入selected="selected"这个工作不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> 

捕捉铬的

工作快铬控制台 enter image description here

铬控制台不工作卡 enter image description here

以上不工作捕捉我标记为RED CIRCLE代码不会自动填充option标记selected="selected"用户类别登录。 selected="selected"自动添加铬我没有添加任何东西在我的代码。

请指导我我没有收到任何错误我测试了这是在谷歌浏览器。

+0

我们需要更多的信息来回答这个问题。 您是否使用AngularJs 1,并且可以显示deptCh功能和角度模块的(相关部分或全部)? – twicejr

+0

是我使用的角度1 – SakthiSureshAnand

+0

我这样做,方法内如此多的条件这就是为什么我不会发布任何方法@twicejr – SakthiSureshAnand

回答

0

使用ng-selected指令来指定何时应选择您的项目。

您还可以分配给一个返回布尔值的控制器函数,以允许您执行更多操作。

+0

请查看我的快照,我没有在代码中添加任何'selected'。 Chrome自动添加。不工作捕捉看到它没有添加我不知道为什么如果我手动添加它的工作。 – SakthiSureshAnand

+0

yes事实上,浏览器会自动将选定的属性添加到选择标记的默认选项。它通常是第一个选项标签。像你在角度,你不应该使用选定的属性。掌握这个属性的正确方法是使用ng-selected指令。就像你将一个文件来选择你想要的元素进行选择,并掌握了浏览器的行为。 –