无法清除PrimeNG自动完成功能

Question

我有以下p-autoComplete

<p-autoComplete appendTo="body" #users (onFocus)="clearValue($event, userList)" [minLength]="1" [dropdown]="false">
                
</p-autoComplete>

当我通过单击徽章打开此p-autoComplete并输入一些文本时，仍会显示该文本。但是，当我通常单击p-autoComplete时，它应该清晰可见。那么，我该如何执行呢？我也尝试使用以下方法，但是无法为p-autoComplete获取正确的方法。有想法吗？

clearValue(event, list) { //I tried to get event and list parameters
    list.value=""; //???
}

Answer 1

我使用以下方法解决了该问题。需要相同功能的任何人都可以使用此功能：

在关闭时清除PrimeNG p-autoComplete：

html：

<p-autoComplete #ac (onHide)="clearValue(ac)">
    <!-- code omitter for brevity -->
</p-autoComplete>

ts：

//clears autoComplete input text 
clearValue(ac: AutoComplete) {
    ac.inputEL.nativeElement.value = "";
}