时间戳

首页 > 解决方案 > 如何使用css有条件地启用/禁用html中click（）上的表格行

html - 如何使用css有条件地启用/禁用html中click（）上的表格行

问题描述

我的代码：

组件类：

this.locknumbers = true;
onclick(){
this.locknumbers = false;
}

.disabledRows {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

[ngClass]= "{'disableRows':locknumber}".

<a  (click)="onClick()"> Enable </a>

最初它是禁用的，但是当我单击启用按钮时，内容仍然被禁用，但在控制台中我可以看到它的值。锁号变为假；即使样式类是在点击时应用的。

标签： htmlcssangular

解决方案

css 类名disableRows和disabledRows.

如果您使用的是 VSCode，请查看扩展“Angular 语言服务”。它可以检测角度分量中的变量名称。它在 CSS 类名部分没有帮助，但它会捕获locknumber变量名并在模板中键入。

修正错别字后，您的代码应该没问题。

推荐阅读