Как получить несколько значений в виде списка микросхем в виде входных данных в форме, созданной с помощью formbuilder.group? - PullRequest
Новая
       18

Как получить несколько значений в виде списка микросхем в виде входных данных в форме, созданной с помощью formbuilder.group?

0 голосов
/ 18 сентября 2018

Я создаю форму с чипами.Поэтому я должен получить все выбранные фишки в виде массива в поле ввода формы.Но я получаю только последнее значение в качестве входных данных.Я новичок в stackoverflow. Пожалуйста, игнорируйте все ошибки.

Blockquote .html файл 

<div class="dialog-content-wrapper">
<mat-toolbar matDialogTitle class="mat-accent m-0">
    <mat-toolbar-row fxLayout="row" fxLayoutAlign="space-between center">
        <span class="title dialog-title">{{dialogTitle}}</span>
        <button mat-icon-button (click)="_matDialogRef.close()" aria-label="Close dialog">
            <mat-icon>close</mat-icon>
        </button>
    </mat-toolbar-row>

{{chapter.name}} {{chapter.lastName}} -> 

<code><div mat-dialog-content class="p-24 m-0" fusePerfectScrollbar>

    <form [formGroup]="courseForm">
        <div class="mb-24" fxLayout="row" fxLayoutAlign="start start">
            <mat-form-field fxFlex>
                <mat-icon matPrefix class="mr-12 s-20 secondary-text">account_circle</mat-icon>
                <input name="name" formControlName="name" placeholder=" Course Name" matInput required>
            </mat-form-field>
  </div>
  <div class="mb-24" fxLayout="row" fxLayoutAlign="start start">
            <mat-form-field fxFlex>
                <mat-icon matPrefix class="mr-12 s-20 secondary-text">account_circle</mat-icon>
                <input name="subject" formControlName="subject" placeholder=" Subject Name" matInput required>
            </mat-form-field>
  </div>
  <div class="mb-24" fxLayout="row" fxLayoutAlign="start start">
            <mat-form-field fxFlex>
                <mat-icon matPrefix class="mr-12 s-20 secondary-text">account_circle</mat-icon>
                <input name="description" formControlName="description" placeholder=" Description" matInput required>
            </mat-form-field>
        </div>

    <div class="mb-24" fxLayout="row" fxLayoutAlign="start start">
        <mat-form-field class="example-chip-list">
            <mat-chip-list #chipList>
              <mat-chip
                *ngFor="let teacher of teachers"
                [selectable]="selectable"
                [removable]="removable"
                (removed)="removeteacher(teacher)">
                {{teacher}}
                <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
              </mat-chip>
                <input
                placeholder="New Teacher..."
                #teacherInput           
                formControlName = "teacher"
                [matAutocomplete]="auto"
                [matChipInputFor]="chipList"
                [matChipInputSeparatorKeyCodes]="separatorKeysCodes"
                [matChipInputAddOnBlur]="addOnBlur"
                (matChipInputTokenEnd)="add($event)">
            </mat-chip-list>
            <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)">
              <mat-option *ngFor="let teacher of filteredTeachers | async" [value]="teacher">
                {{teacher}}
              </mat-option>
            </mat-autocomplete>
            </mat-form-field>       
            <!-- <pre>{{teachers|json}}
-> СОХРАНИТЬ СОХРАНИТЬ

`

Blockquote .component file 

createCourseForm(): FormGroup {
        return this._formBuilder.group({
            name: ['', Validators.required],
            subject: [''],
            description: [''],
            teacher: [''],
            // students: [this.course.students],
        });
...