Я пытался использовать компонент автозаполнения из Angular Material2. Но у меня есть некоторые сомнения.
Как загрузить данные предложений из службы HTTP и отфильтровать этот список на лету?
Как получить доступ к выбранной опции (объекту) в моем компоненте?
Есть ли способ отформатировать выбранный параметр с помощью HTML (многострочные значения), например, при автозаполнении PrimeNg с использованием pTemplate?
Пример: https://embed.plnkr.co/vR9QLk/
Вы можете получить выбранный элемент с помощью функции, у вас есть выбранный элемент в объекте selectedOption
displayFn(state: ExampleDataMode): string {
this.selectedOption = state;
console.log(this.selectedOption);///displays the selected item
return state ? state.name : '';
}
Кроме того, вы можете обрабатывать события, которые используются для выбора элемента из раскрывающегося списка, и привязывать их к объекту как
<md-autocomplete #auto="mdAutocomplete" [displayWith]="displayFn">
<md-option *ngFor="let state of filteredStates | async" [value]="state" (click)="selectedItem=state">
{{ state.name }}
</md-option>
</md-autocomplete>
и у вас будет выбранный элемент в вашем объекте selectedItem.
Примечание. Вышеупомянутое обрабатывается только в том случае, если пользователь щелкает элемент, тогда как это не будет работать, если пользователь выбирает ключевые события, которые необходимо обрабатывать отдельно.
