ally69
@ally69
недофронтенд

Как оптимально реализовать поиск по matAutocomplete и автозаполнение полей?

Есть массив объектов выгруженный из PostgreSQL:

массив$: Observable<Array<модельModel>>;

модельModel состоит, допустим из id (number) и name(string).

Есть такое поле с автозаполнением:

<mat-form-field>
              <input matInput
                     placeholder="Номер модели"
                     formControlName="id"
                     [matAutocomplete]="auto">
              <mat-autocomplete #auto="matAutocomplete">
                <mat-option *ngFor="let массив of массив$ | async"
                            [value]="массив.id">
                  {{ массив.id }}
                </mat-option>
              </mat-autocomplete>
            </mat-form-field>

и есть просто

<mat-input-container>
                <input matInput
                     formControlName="name"
                     placeholder="Имя модели"
                     readonly>
            </mat-input-container>

Если я делаю по примеру из https://material.angular.io поиск не работает (точнее ругается еще в ts файле, что дескать нет у модельModel никакого name).
А осуществить нужно следующее:
поиск по matAutocomplete
и автоматическую подгрузку связанного значения в input formControlName="name".
  • Вопрос задан
  • 1116 просмотров
Решения вопроса 1
@assets
Back-end developer
Ну если официальном примере работает, тогда все должна работат. Скорее проблема не правильно формированный массив.
Делайте все по этапу.
1. Запустите сперва пример у себя https://material.angular.io/components/autocomplet...
2. потом к нему прикрутите массив из PostgreSQL.
3. Проверяйте поиск итд

После берите значение ngModel id и поставьте в ngModel name.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы