如何使用css有条件地启用/禁用html中的click()表行

Question

我的代码:

组件类:

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>

最初它是禁用的，但当我点击启用按钮时，内容仍然被禁用，但在控制台中我可以看到这个值。锁号变为false;尽管样式类是在click上应用的。

Answer 1

css类名disableRows和disabledRows也有错别字

如果你正在使用VSCode，签出扩展"Angular Language service"。它可以检测angular组件中的变量名。它在CSS类名部分没有帮助，但它会捕获模板中的locknumber变量名和类型。

修复了错别字后，你的代码应该没问题。

Answer 2

为什么不把这段代码更好地用于切换按钮

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