2016-07-23 111 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指令。就像你將一個文件來選擇你想要的元素進行選擇,並掌握了瀏覽器的行爲。 –