Angular uib-dropdown içinde bir menü öğesini devre dışı bırak

Question

Köşeli şablonumda angular-ui kullanarak bir açılır menü oluşturuyorum, listelenen "şirket" nesnesinin bir özelliğine dayanarak bazı liste öğelerini devre dışı bırakmam gerekiyor ng-tekrarda.

Zaten engelli etiketi veya ng özürlü yönergesi ancak başarılı olamadı çalıştı. Bunu nasıl başarabilirim?

Benim geçerli kod:

<div class="btn-group" uib-dropdown is-open="dropdown-open"> 
    <button id="companyDropDown" type="button" class="btn btn-default" 
    uib-dropdown-toggle> 
     {{companyDescr}}<span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" uib-dropdown-menu role="menu" 
    aria-labelledby="companyDropDown"> 
     <li role="menuItem" ng-repeat="company in companyContracts"> 
      <a ng-click="selectContract(company)">{{company.address}}</a> 
     </li> 
    </ul> 
</div> 

Herhangi bir yardım büyük takdir!

Answer 1

disabled sınıfını Bootstrap'ten Angular'in ng sınıfı yönergesiyle kullanabilirsiniz. documentation bootstrap göre

HTML

<ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="companyDropDown"> 
    <li ng-class="{'disabled': company.disabled }" role="menuItem" ng-repeat="company in companyContracts"> 
     <a ng-click="selectContract(company)">{{company.address}}</a> 
    </li> 
</ul> 

DÜZENLEME

, devre dışı sınıfı <li> elemanına uygulanması gerekir.