Mat-Select Показать свойство объекта, т.е. customer.name из ранее выбранного / сохраненного значения - PullRequest
0 голосов
/ 05 декабря 2018

Я борюсь с выбором матов и опциями в проекте Angular 6.

Мой пример использования следующий:

Я хочу, чтобы список организаций был раскрыт и сохраненвыбранная организация (полный объект, а не только имя)

  1. formControlName должен быть объектом, так как я хочу сохранить полный объект при сохранении со всеми его свойствами - РАБОТА
  2. параметры заполняются как наблюдаемые с полным объектом, но отображает только свойство name - WORKING
  3. При загрузке формы я хочу отобразить название организации, которая быларанее выбранный.- НЕ РАБОТАЕТ

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

Все сообщения, которые я могу найти, просто работают с простым свойством, а не объектом.

См. Код ниже (надеюсь, что это имеет смысл).Любые предложения / рекомендации приветствуются

<div [formGroup]="orderForm"> 
      <mat-form-field>
          <mat-label>Select Customer</mat-label>
          <mat-select formControlName="customer">
               <mat-option *ngFor="let organization of (organizations$| async)"
                   [value]="organization">
                       {{ organization.name }}
               </mat-option>
          </mat-select>
       </mat-form-field>
</div>

1 Ответ

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

В конце концов решение было довольно простым, которое я нашел в этом посте. Угловой материал: матовый выбор не выбран по умолчанию

По сути, я просто использовал заполнитель, порядок является основнымОбъект, который используется для заполнения формы, и клиент - это только одно из свойств формы:

<mat-select formControlName="customer" [placeholder]="order.customer['name']">
   <mat-option *ngFor="let organization of (organizations$| async)"
       [value]="organization">
           {{ organization.name }}
    </mat-option>
</mat-select>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...