Angularjs data-toggle = dropdown Не работает с опцией выбора - PullRequest
Новая
       13

Angularjs data-toggle = dropdown Не работает с опцией выбора

0 голосов
/ 04 июля 2018

В моем коде я использовал простую привязку раскрывающегося списка с опцией использования ng-repeat, но когда я связываю это, он ничего не отображает из-за того, что какой-то дополнительный класс включен, может быть в javascript. Мой обычный код: 

    <div class="col-md-6 col-sm-12">
     <label>Select Employee</label>

     <select class="form-control show tick" id="selectEmp" name="toEmployeeCode" required="" ng-model="toEmployeeCode">
     <option value="">Select Team Member</option>
         <option ng-repeat="x in AllEmployee" value="{{x.EmployeeCode}}">{{x.FirstName}} {{x.MiddleName}} {{x.LastName}}</option>
           </select>
          </div>

но при загрузке дисплея 

  <div class="btn-group bootstrap-select form-control tick">
   <button type="button" class="btn dropdown-toggle bs-placeholder btn-round 
     btn-simple" data-toggle="dropdown" role="button" data-id="selectEmp" 
      title="Select Team Member" aria-expanded="false">
       <span class="filter-option pull-left">Select Team Member</span>&nbsp; 
           <span class="bs-caret"><span class="caret"></span></span>
  </button>

   <div class="dropdown-menu" role="combobox">
    <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
      <li data-original-index="0" class="selected">
         <a tabindex="0" class="" data-tokens="null" role="option" aria- 
           disabled="false" aria-selected="true">
            <span class="text">Select Team Member</span>
                <span class="glyphicon glyphicon-ok check-mark"></span>
                   </a>
       </li>
        <li data-original-index="1">
             <a tabindex="0" class="" data-tokens="null" role="option" aria- 
                disabled="false" aria-selected="false">
               <span class="text ng-binding">  </span>
               <span class="glyphicon glyphicon-ok check-mark"></span>
             </a>
        </li>
       </ul>
  </div>
     <select class="form-control show tick ng-pristine ng-untouched ng- 
        invalid ng-invalid-required" id="selectEmp" name="toEmployeeCode" 
         required="" ng-model="toEmployeeCode" tabindex="-98" aria- 
      required="true">
           <option value="">Select Team Member</option>
        <option ng-repeat="x in AllEmployee" value="EMP-1004" class="ng- 
            binding ng-scope">ABC</option> 
           <option ng-repeat="x in AllEmployee" value="EMP-1007" class="ng- 
           binding ng-scope">PQR</option>
           <option ng-repeat="x in AllEmployee" value="EMP-1008" class="ng- 
                  binding ng-scope">ASD</option>
           <option ng-repeat="x in AllEmployee" value="EMP-1009" class="ng- 
            binding ng-scope">ZXC</option>
           <option ng-repeat="x in AllEmployee" value="EMP-1010" class="ng- 
             binding ng-scope">HUK</option>
                                        </select>
      </div>

Но он не работает, когда я использую свой код, он не будет отображаться

Я использую angularjs 

      var app = angular.module('App', ['ui.router','ui.bootstrap']);

1 Ответ

0 голосов
/ 05 июля 2018

Не используйте ng-repeat в <option>, это работает неправильно. Вместо этого используйте ng-options в select.

Стоп ng-повторяющихся опций: используйте ng-options

...