Связывающий коврик-кнопка-тумблер - PullRequest
Новая
       42

Связывающий коврик-кнопка-тумблер

0 голосов
/ 27 апреля 2019

Как так получилось? I.E isPrint отображается как true или false при нажатии переключателя слайда 

<div>
 <mat-slide-toggle [(ngModel)]="isPrint" #toggleSlide></mat-slide- 
 toggle>
isPrint: {{ isPrint }}
</div>

Но это не работает и выдает ошибку ERROR Error: Нет доступа к значению для элемента управления формы с неопределенным атрибутом имени 

<div>
  <mat-button-toggle [(ngModel)]="isPrint" #toggleBtn>Toggle</mat-button-toggle>
  isPrint: {{ isPrint }}
</div>

Что я не правильно делаю?

1 Ответ

1 голос
/ 27 апреля 2019

Проверка РАБОЧИЙ СТЕКБЛИЦ

Компонент MatButtonToggle не реализует ControlValueAccessor ,следовательно, вы не можете использовать [(ngModel)].

MatButtonToggle должен быть частью группы mat-button-toggle-group .

Но если выЕсли вы хотите использовать его как самостоятельный компонент и привязать к нему модель, вы должны сделать что-то вроде ниже: ~ 

<mat-button-toggle 
    [checked]="isPrint" 
    (change)="isPrint = $event.source.checked">
    Toggle
</mat-button-toggle>
...