I am running into multiple issues with the sample of your AutoComplete control.
a) I made some changes to my back end to accommodate same query as you used in sample just a bit more flexible so it can be reused . After doing so i am seeing a problem when the user enters a value which does not return any data like www. The spinner comes on and after some time shows no Data was found as expected. if i click the X while the No Data Found is still showing the spinner goes in an infinite loop. If i wait or click till the No data found message is gone, I can click the X and it clears the box without spinner. The option is to return nothing or to reyrn all data unfiltered and if i return nothing i get the No records found over and over or the whole list ? What does the control expect ?
b) What do i need to do to load the additional matches if there is more then the set 20? it always will only load the 20 and not send a request to load additional records ?
Here is a StackBlitz witch shows the issues Stack Blitz Sample
Hello Alex,
Regarding your first question, I would like to suggest that you try reproducing the issue using different remote data, for example the one that is used in the autocomplete sample. If this doesn’t work, you could also try to reproduce it in a separate sample and send it back to me for further investigation. Having a working sample on my side, which I can debug, is going to be very helpful in finding the root cause of this behavior.
After looking further into your second question, I determined that the DropDown shows every item it contains, even if there are over twenty items, because there is a loop:
<igx-drop-down #dropdown [width]="'100px'"> <igx-drop-down-item *ngFor="let item of items"> {{ item.field }} </igx-drop-down-item> </igx-drop-down>
Thank you for your cooperation. Looking forward to hearing from you.
Regards, Monika Kirkova, Infragistics
I have to say i am quite disappointed by this response.... This has to be an all time low as far as quality of support.
a) the issue on the delete of a non found value like www does not only happen with my remote data but even on the sample on the your side which could have been easily verified. The issue is not the remote data but the question is what causes the system to fire off a blank query when a non found value is removed vs there is no query when a valid value is removed.
b) if you like to use code samples please bother to read the whole code before you copy and paste.
this.remoteService.getData({ startIndex: 0, chunkSize: 20 }, inputTerm, (args) => { this.loading = false; this.noItems = args.value.length === 0; });
The above code in the component asks for a chunk of 20 so that's all your HTML code via *ngFor can loop thru, So this answer was completely wrong.
If you cant answer the above issues because of lack of knowledge please refer this to someone who has the expertise