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;
}
}
когда я сдвигаю переключатель, переменная приоритета становится истинной и ложной. Как мне добиться этого, это панель инструментов mat. Я пытался написать код, но переключатель слайдера не отображается на панели инструментов mat!
когда я нажимаю переключатель переключатель приоритета становится истинным, а при перемещении влево тумблер становится ложным. Вот моя ссылка на StackBlitz - https://stackblitz.com/edit/toggle12345677709-gfj1?file=main.ts
