时间戳

首页 > 解决方案 > 如何禁用

javascript - 如何禁用
    使用 ng-class 标记？

问题描述

我有一个如下的 div 结构，

<ul data-ng-class="{'dropDownDisabled': (items.results && items.results.disabled) }">
    <li

        class="dropdown-item org-labels"> {{items.name}}</li>

    <span   data-ng-repeat="result in items.results.contextValues.rows" t>
        <li class="dropdown-item"
            data-ng-click="filter.onResultClick(items, result, filter)"
            data-ng-class="{'dropdown-item-selected' : result[0] === (ctrl.isEmpty(filter.selectedValue) ? '-1' : filter.selectedValue.code)}"
        >
            {{result[1]}}
        </li>
   </span>
</ul>

我正在尝试将“禁用”类应用于<ul>标记，但由于以下类

.dropDownDisabled:hover {
    pointer-events: all !important; 
    background-color: #bbb !important;
 }

.dropDownDisabled:hover {
    pointer-events: all !important; 
    background-color: #bbb !important;
 }

但是在 li 上悬停时，由于以下类，会应用背景颜色，

 .annual-comp-container .dropdown-menu .dropdown-item:hover {
     background-color: #f7f7f7;
 }

因此，当禁用条件为真时，将应用“dropdownDisable”类，但由于上面的类“.dropdown-item:hover”，当我悬停时应用了背景色。我想要的是当 ul 是禁用 '.annual-comp-container .dropdown-menu .dropdown-item:hover' 不应适用。

标签： javascripthtmlcssangularjsng-class

解决方案

推荐阅读