Можно ли как то повесить на mat-slide-toggle две функции

Question

Я получил заблокирован пользователь или нет . У меня есть 2 функции заблокировать пользователя и разблокировать пользователя. Хочу что б при нажатии на toggle срабатывали эти функции или может есть какой то другой способ. Что бы допустим на false было не заблокирован , а на true заблокирован.

Мой html в mat-slide-toggle принимаю заброкирован ли пользователь , что бы отобразилось на форме.

<table>
        <thead>
            <tr class="listColor">
                <td class="listName">User name</td>
                <td class="listEmail">User Email</td>
                <td class="listStatus">Status</td>
                <td class="listEditDelete"></td>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let user of clients | async">
                <td>{{user.firstName}} {{user.lastName}}</td>
                <td>{{user.email}}</td>
                <td><mat-slide-toggle [checked]="user.isBlocked" ></mat-slide-toggle></td>
                <td>
                    <a class="listEditButton" (click)="editUser(user.id)"><img class="listEditImg" src="../../../../assets/edit.png"/></a>
                    <a class="listDeleteButton" (click)="deleteUser(user.id)"><img class="listDeleteImg" src="../../../../assets/delete.png"/></a>
                </td>
            </tr>
        </tbody>
    </table>

Вот функция для блокировки

 blockUser(id){
    this.store$.dispatch(new BlockUser(id));
  }

И вот для разблокировки

unblockUser(id){
    this.store$.dispatch(new UnBlockUser(id));
  }

Answer 1

html:

<mat-slide-toggle [(ngModel)]="blockUnblock"></mat-slide-toggle>

ts:

class UserAction {    

    set blockUnblock(value: boolean) {
        this.user.isBlocked = value;
        if (value) {
            this.blockUser(user.id);
        } else {
            this.unblockUser(user.id);
        }
    }
    
    get blockUnblock(): boolean {
        return this.user.isBlocked;
    }

}

БЛОГ НА HUSL

Можно ли как то повесить на mat-slide-toggle две функции

Ответы (1 шт):