Мат Автозаполнение объекта '[object Object]' типа 'object' - PullRequest
Новая
       22

Мат Автозаполнение объекта '[object Object]' типа 'object'

0 голосов
/ 25 апреля 2019

Я пытаюсь сделать автозаполнение, но это выдает эту ошибку, какой лучший способ лечения? У меня есть этот JSON из моей базы данных 

[{
    'ID': '1',
    'Initials': 'AC',
    'Name': 'Acre'
  },
  {
    'ID': '2',
    'Initials': 'AL',
    'Name': 'Alagoas'
  },
  {
    'ID': '3',
    'Initials': 'AM',
    'Name': 'Amazonas'
  }
]

Этот компонент HTML 

<mat-form-field class="mr-24" fxFlex="33">
                                <input matInput placeholder="Estado" formControlName="State" [matAutocomplete]="autoState" required>
                                <mat-autocomplete autoActiveFirstOption #autoState="matAutocomplete" [displayWith]="getOptionText" >
                                    <mat-option *ngFor="let state of filteredStateOptions  | async" [value]="state.Name">
                                        {{state.Name}}
                                    </mat-option>
                                </mat-autocomplete>
</mat-form-field>

Это мой метод, который я взял с углового сайта 

onStateChanges(): void {
  this.filteredStateOptions = this.clientForm.get('State').valueChanges.pipe(startWith(''), map(value => this.filterStateOptions(value)));
}

filterStateOptions(value): any {
  const filterValue = value.toLowerCase();
  const filteredState = this.states.filter(option => option.Name.toLowerCase().indexOf(filterValue) === 0);
  return filteredState;
}
...