У меня угловая реактивная форма с угловыми материалами
Для всех своих элементов управления я добавляю требуемый валидатор.
Я не уверен, как правильно настроить контроль чипов с реактивными формами.
Где вы устанавливаете formControlName, чтобы запускался требуемый валидатор? На данный момент я установил его в поле ввода, что, как я предполагаю, неверно.
Я просто хочу, чтобы courseIds была разделенной запятыми строкой с идентификаторами курса.
TS:
form: FormGroup;
ngOnInit() {
this.form = new FormGroup({
name: new FormControl("", [Validators.required]),
courseIds: new FormControl("", Validators.required)
});
}
HTML:
<form [formGroup]="form" (ngSubmit)="submit()">
<mat-form-field>
<input matInput type="text" formControlName="name" placeholder="Name">
</mat-form-field>
<mat-form-field>
<mat-chip-list #chipList>
<mat-chip *ngFor="let cid of courseIds" (removed) = "...">
{{cid}}
</mat-chip>
<input matInput formControlName="courseIds"
[matChipInputFor]="chipList"
placeholder="Ids"
(matChipInputTokenEnd)="add($event)">
</mat-chip-list>
</mat-form-field>
....
<button type="submit">OK</button>
</form>