私は<a href="https://www.primefaces.org/primeng/#/" rel="nofollow noreferrer">PrimeNG</a><p> </p><a href="https://www.primefaces.org/" rel="nofollow noreferrer">primefaces.org</a>からすべてがうまく機能している使用しています

Question

を重視します。しかし、私には小さな問題があります。 p-autoCompleteを使用しているときに、p-autoCompleteにフォーカスが当てられている場合は、提案は表示されません。私は提案を得るために何かをタイプしなければならないということです。私はそれがデフォルトの動作だと思う。しかし、私はそれを変更したい。

を私は[minLength]="0"を設定しようとしましたが、運が!!!!!!!!ません：私は試してみました何

Answer 1

あなたはどちらかに明確な必要があるあなたが

<p-autoComplete [(ngModel)]="val" [suggestions]="results" field="name"></p-autoComplete> 

として提案プロパティに、いくつかのデフォルトの項目を設定する必要があり、サービスからロードしているときには、コンポーネントのコードで

results = ['a', 'b'] 

を使用する必要がありますまたは同じ配列に追加する

Answer 2

autocomplete.jsファイルにアクセスして、次のようにonInputFocusにコードを追加できます

AutoComplete.prototype.onInputFocus = function (event) { 
    this.focus = true; 
    var queryValue = this.multiple ? this.multiInputEL.nativeElement.value : this.inputEL.nativeElement.value; 
    if (this.dropdownMode === 'blank') 
     this.search(event, ''); 
    else if (this.dropdownMode === 'current') 
     this.search(event, queryValue); 
    this.onDropdownClick.emit({ 
     originalEvent: event, 
     query: queryValue 
    }); 
    this.onFocus.emit(event); 
}; 

あなたはp-autoCompleteを右クリックしてそこに行き、更新を気付くことができます。素数を更新すると、もう一度やり直す必要があります。