読者です 読者をやめる 読者になる 読者になる

Angularのui-bootstrapでmenuitemをdisabledにする

Angular 1.5のui-bootstrapでDropdown MenuのMenuItemをdisabledにするいい方法が今ひとつ見つからず、 ng-classを使ってdisabledにするようにしました。

Version

  • angular - 1.5.0
  • bootstrap - 3.3.6
<div uib-dropdown>
    <a href id="simple-dropdown" uib-dropdown-toggle> Click me </a>
    <ul uib-dropdown-menu aria-labelledby="simple-dropdown">
        <li role="menuitem" ng-class="{'disabled': one}"><a href>one</a>
        </li>
        <li role="menuitem" ng-class="{'disabled': two}"><a href>two</a>
        </li>
        <li role="menuitem" ng-class="{'disabled': three}"><a href>three</a>
        </li>
    </ul>
</div>

https://github.com/takesection/angular-dropdown-menu