Очистить / сбросить фильтр на кнопках с активного на неактивный - угловой

Question

У меня есть фильтр для группы кнопок, они изначально активны, поэтому я применяю активный класс с помощью [class.active].

Я ввел опцию «очистить все» на метке кнопки, чтобыпо сути удалить все активные классы на всех кнопках. В обработчике кликов есть обработчик clearContactMethod(), который заботится о чистоте данных. Так что это просто удаление класса css 'active'. Я добавил еще один обработчик кликов !entry.isContactMethodActive к метке, чтобы установить для активного значение 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"