html – 禁用Angular uib-dropdown中的菜单项

概述在我的角度模板中,我正在使用angular-ui创建一个下拉菜单,我需要根据ng-repeat中定义的“company”对象的属性禁用某些列表项. 我已经尝试过禁用标签或ng-disabled指令但没有成功.我怎样才能实现这一目标？ 我目前的代码： <div class="btn-group" uib-dropdown is-open="dropdown-open"> <button id 在我的角度模板中,我正在使用angular-ui创建一个下拉菜单,我需要根据ng-repeat中定义的“company”对象的属性禁用某些列表项.

我已经尝试过禁用标签或ng-Disabled指令但没有成功.我怎样才能实现这一目标？

我目前的代码：

<div  uib-dropdown is-open="dropdown-open">    <button ID="companyDropDown" type="button"      uib-dropdown-toggle>         {{companyDescr}}<span ></span>    </button>    <ul  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>

任何帮助将不胜感激！

解决方法 您可以使用bootstrap中的禁用类和Angular的ng-class指令.

HTML

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

编辑

根据bootstrap documentation,禁用的类必须应用于< li>元件.

总结

以上是内存溢出为你收集整理的html – 禁用Angular uib-dropdown中的菜单项全部内容，希望文章能够帮你解决html – 禁用Angular uib-dropdown中的菜单项所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。