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>
