即使在選擇之后，離子角下拉查詢

Question

當我在表單的列中鍵入時，我正在實現一個下拉列表。 我在這個字段上運行了一個 observable 來查找更改並查詢數據庫中的可用項目。 一切正常，但如果我 select 列出下拉列表中的項目，它仍然會觸發對該選定項目的查詢，因為 valueChanges 和 distinctUntilChanged() 都將返回 true。

For example if i type java , the drop-down lists java and javascript and if i select javascript from the list, it goes ahead and query the db for javascript .

這聽起來很傻，但是如何避免這種情況，我對 UI 方面是全新的，感謝任何幫助。

 this.myForm.controls['myDropDownDesc'].valueChanges.debounceTime(500).distinctUntilChanged().subscribe( (newValue) => { this.myMethodCallingHttpGetToGetDropDownValues(newValue); });

 <ion-item> <ion-label floating>My Drop DOWN field</ion-label> <ion-input formControlName="myDropDownDesc" value={{myObject?.myDropDownDescription}}> </ion-input> </ion-item>

Answer 1

您可以在從下拉列表中選擇選項時使用 emitEvent:false 設置表單控件值，這樣它就不會觸發該 valuechange 事件。

列表的 Onselect 或 Onchange 事件，您可以使用以下行調用 function。

this.myForm.controls['myDropDownDesc'].patchValue(selectedDropDownValue, {emitEvent:false});