Как решить проблему автозаполнения при angular 8 - PullRequest
Новая
       37

Как решить проблему автозаполнения при angular 8

0 голосов
/ 18 марта 2020

Попытка получить значение для ввода из автозаполнения с использованием заливки, но не для получения текста для ввода, так что Как получить текст для связывания и как показать совпавший текст, показать как фильтр. Как этого добиться?

Демонстрация: https://stackblitz.com/edit/github-6uaqnt-rgzgld?file=src / app / app.component. html

app.component. html: 

<p-autoComplete [(ngModel)]="value" field="code" dataKey="id" [suggestions]="suggestions" (completeMethod)="loadSuggestions($event)" [forceSelection]="true" (onKeyUp)="onKeyups($event)"> 
 <ng-template let-vals pTemplate="item">
        <div class="ui-helper-clearfix">
            <div style="font-size:18px;float:right;margin:10px 10px 0 0">{{vals.id}}</div>
            <div style="font-size:18px;float:right;margin:10px 10px 0 0">{{vals.code}}</div>
        </div>
    </ng-template> 
 </p-autoComplete>
 <span> onSelect Value: {{value}}</span>

app.component.ts: 

 onKeyups(event: any) {
 console.log(event.value);
 this.value=event.value;
 }
...