javascript - 清除/重置按钮上的过滤器从事件到非事件 - Angular

Question

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

我在按钮的标签中引入了“全部清除”选项，以基本上删除所有按钮上的所有事件类。单击处理程序有一个 clearContactMethod() 处理程序，负责实际的数据清除。所以它只是删除了 'active' 的 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"