Как вызвать метод в слайд-переключателе угловой 2 (материал - панель инструментов)?

Question

HTML FILE

                            <div class=" -toolbar ">
                                <p>
                                    <mat-toolbar>
                                        <h4>Offer Mapping</h4>
                                        <div class="row align-right col-md-offset-7 col-md-1 ">
                                            <mat-form-field class="button-spacing">
                                                <mat-select placeholder="select">

                                                </mat-select>
                                            </mat-form-field>
                                            <button mat-raised-button (click)="campaignPrioritise()"  [disabled] class="button-spacing">
                                                Prioritise
                                            </button>
                                            
                                           <button mat-icon-button color="primary" (click)="createNewCampaign()">
                                                <mat-icon aria-label="Example icon-button with a heart icon">add_circle_outline</mat-icon>
                                            </button>
                                            <mat-slide-toggle *ngIf= "let element" class="material-icons color_green" matTooltip="Prioritise"
                                            [checked]="element.priority" (change)="campaignPrioritise(element)"></mat-slide-toggle>
                                        </div>
                                    </mat-toolbar>
                                </p>
                            </div>

Файл TS

import { Component } from '@angular/core';
import { MatTableDataSource } from '@angular/material';



/**
 * @title Basic use of `<table mat-table>`
 */
@Component({
  selector: 'table-basic-example',
  styleUrls: ['table-basic-example.css'],
  templateUrl: 'table-basic-example.html',
})
export class TableBasicExample {
  timeSelection1 = '';
  timeSelection2 = '';

  selected: any[] = [];
  selected1 : any[] = [];



on(element){
  let priority = false;
        element.priority = !element.priority;
}

}

когда я сдвигаю переключатель, переменная приоритета становится истинной и ложной. Как мне добиться этого - панель инструментов мата, которую я пыталсячтобы написать некоторый код, но слайд-тумблер не отображается на панели инструментов мата!
когда я нажимаю тумблер, переключатель приоритета становится истинным, а когда тумблер сдвига влево становится ложным.Вот моя ссылка на StackBlitz - https://stackblitz.com/edit/toggle12345677709-gfj1?file=main.ts

Answer 1

В приведенном выше коде нет объявленного element. Если у вас есть element, он работает нормально

element:any = {
   priority: false
 }

on(){
  let priority = false;
  this.element.priority = !this.element.priority;
}