如何從 PrimeNG 自動完成聚焦到輸入框？

Question

我想集中到inputbox后PrimeNg autocomplete onSelect事件點擊。

<p-autoComplete [(ngModel)]="itemIdAuto" name="itemIdAuto1" #itemIdAuto1="ngModel" size="15" 
[suggestions]="filteredItemIdAutoSingle" (completeMethod)= "itemIdAutoComplete($event)" field="name" 
(onSelect)="itemOnSelect(itemIdAuto)" placeholder= "Select Item Name" [minLength]="1"></p-autoComplete>

<input type="number" autocomplete="off" style="font-size:12px" class="form-control" name="qty"
[(ngModel)]="model.qty" #qty="ngModel">

打字稿：

import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';

export class GridFormComponent implements OnInit {

constructor() {
}

ngOnInit() {
}
@ViewChild('aForm') aForm: ElementRef;

itemOnSelect(item) {        
    this.aForm.nativeElement['qty'].focus();
    }
}

Answer 1

看看這個鏈接stackblitz

希望對你有幫助，如有疑問請告訴我

謝謝

Answer 2

我正在根據您的最后一條評論添加另一個答案，請查看下面的鏈接，如果您發現任何問題，請告訴我。

還有一件事要關注元素，我使用過 jquery，所以請注意它。

閃電戰

謝謝