Angular uib-dropdownのメニュー項目を無効にする

Question

角度テンプレートでangular-uiを使用してドロップダウンメニューを作成する際、定義された "company"オブジェクトのプロパティに基づいていくつかのリスト項目を無効にする必要がありますng-リピートで。

私はすでに無効タグやNG-無効ディレクティブを試みたが、成功しませんでした。どうすればそれを達成できますか？

私の現在のコード：

<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> 

任意の助けいただければ幸いです！

Answer 1

Anggularのng-classディレクティブを使用してブートストラップのdisabledクラスを使用できます。

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> 

EDIT

ブートストラップdocumentationによると、無効なクラスは<li>要素に適用されなければなりません。