Как вы выводите выбранные параметры из поля Angular Mat-select как текст в Html? - PullRequest
Новая
       5

Как вы выводите выбранные параметры из поля Angular Mat-select как текст в Html?

0 голосов
/ 28 ноября 2018

** ОБНОВЛЕНО **

Итак, я смотрю на отображение списка элементов из мульти-выбора в виде простого текста на другой вкладке в качестве сводки.Стандартные входы хороши, но множественный выбор вызывает проблемы.

Ранее я использовал объект Array с ngFor.Однако это не работает при проверке .value мульти-выбора, он кажется пустым.Удаление выходных данных .value [объект Object] (см. Изображение ниже)

html view

general.component.html 

<div class="form-group">
    <span>Funding Programmes:*</span>
    <mat-select #FundingProgKey class="form-control" placeholder="Funding Programmes" formControlName="FundingProgKey" multiple [compareWith]="compare">
        <mat-option>-- None --</mat-option>
        <mat-option *ngFor="let programme of programmeList" [value]="programme">{{programme.Description}}</mat-option>
    </mat-select>
</div>

<strong>Funding Programme(s):</strong>{{FundingProgKey}}<br />
<strong>Additional Funding Programme(s):</strong> {{FundingProgAddInfo.value}}<br />

programme.dto.ts 

export class Programme {
    FundingProgKey: number;
    Name: string;
    Description: string;
}

Ваша помощь очень ценится

- С уважением

Льюис

1 Ответ

0 голосов
/ 03 декабря 2018

Решение - не использовать FormController, если вы хотите эту функциональность.Мы реорганизовали наш код для использования ngModel вместо Angular7, функциональность для использования ngModel с FormControl была удалена.

ngModel намного меньше кода и, кажется, быстрее.

Надеюсь, это поможет

...