角度材料滑动切换的双向绑定无法按预期工作(Angular 4)

Question

我已经实现了角度材料滑动切换,除了某些原因它由于某种原因没有将值绑定到相关变量之外似乎都有效吗？

// other irrevelant imports above..
import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material';

@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',
  styleUrls: ['./calendar.component.scss'],
    host: {
     '(document:click)': 'handleClickEvent($event)',
  }
})

export class CalendarComponent implements OnInit {

  filteringSchedule: boolean = false;
  filteringSent: boolean = false;
  filteringFailed: boolean = false;
}

// 零件

<mat-slide-toggle
    class="calendar-filter-types"
    [ngModel]="(filteringSchedule)"
    [color]=""
    [checked]="">
    Scheduled : {{ filteringSchedule }}
</mat-slide-toggle>

一旦我检查或取消选中切换,我会期望值相应filteringSchedule地更改为true或false？然而,在组件内部,它始终保持false原因不明 - 有人能说明为什么会这样吗？

我是Angular 4

Answer 1

只需将您的HTML更新为

[(ngModel)]="filteringSchedule"