Question

我在一堆按钮上有一个过滤器，它们最初是活动的，因此我通过[class.active]应用了活动的类。

我在按钮的标签上引入了“全部清除”选项，从本质上删除了所有按钮上的所有活动类。点击处理程序具有clearContactMethod()处理程序，用于处理实际的数据清除。因此，它只是删除了“活动”的css类。我在标签上添加了另一个!entry.isContactMethodActive点击处理程序，以尝试将active设置为false。但这没有任何作用。

我喜欢在不调用.ts文件的情况下添加活动类的方法，因此我想知道是否可以解决组件级问题。

<label for="contactMethod">Contact method <small (click)="clearContactMethods(); !entry.isContactMethodActive">(Clear all)</small></label>

<button [class.active]="!entry.isContactMethodActive"
      (click)="toggle(entry.contactMethod); entry.isContactMethodActive = !entry.isContactMethodActive" type="button" *ngFor="let entry of contactLog | contactMethodFilter">{{entry.contactMethod}}</button>

Answer 1

此点击处理程序的第二部分似乎应该做分配时什么也不做：

(click)="clearContactMethods(); !entry.isContactMethodActive"

也许应该吗？

(click)="clearContactMethods(); entry.isContactMethodActive = !entry.isContactMethodActive"

清除/重置按钮上的过滤器，使其从活动状态变为非活动状态-角度

1 个答案: