Проблема с mat-select при отправке формы в угловых

Question

Я использую Angular7 с Angular Material, у меня есть форма, содержащая компонент, который содержит выбор матов.Выбор в форме из моего компонента работает, но не в моем компоненте.

Просмотр на этом стеке: https://stackblitz.com/edit/angular-hqkcgq

Фактический результат заключается в том, что отправляющая форма не отправляетЗначение выберите, но оно должно.Вы можете увидеть в консоли при отправке формы.

Answer 1

На будущее, пожалуйста, добавьте весь соответствующий код к самому вопросу.StackBlitz - это здорово, но он должен быть просто дополнением к вопросу:)

Но для вашего кода в вашем дочернем компоненте вы должны указать ControlContainer.Поэтому добавьте в свой код:

import { ControlContainer, NgForm } from '@angular/forms';

@Component({
  selector: 'my-comp',
  templateUrl: './my-comp.component.html',
  viewProviders: [ { provide: ControlContainer, useExisting: NgForm } ]
})

Пожалуйста, обратитесь к статье замечательного Алексея Зуева: Вложенные шаблоны, управляемые шаблонами

Какsidenote, во всех местах, которые вы предоставляете [ngModel]="''", вы можете просто использовать ngModel для регистрации элемента управления формы.

Ваш разветвленный StackBlitz