Ufdjrw

I preordered a game on my Xbox while on the home screen of my friend's account. Which of us owns the game?

What is the unit of time_lock_delta in LND?

Drawing a german abacus as in the books of Adam Ries

How exactly does Hawking radiation decrease the mass of black holes?

Is it acceptable to use working hours to read general interest books?

How do I produce this Greek letter koppa: Ϟ in pdfLaTeX?

Is Electric Central Heating worth it if using Solar Panels?

What makes accurate emulation of old systems a difficult task?

Older movie/show about humans on derelict alien warship which refuels by passing through a star

Why do real positive eigenvalues result in an unstable system? What about eigenvalues between 0 and 1? or 1?

How to pronounce 'c++' in Spanish

std::unique_ptr of base class holding reference of derived class does not show warning in gcc compiler while naked pointer shows it. Why?

What does a straight horizontal line above a few notes, after a changed tempo mean?

What is purpose of DB Browser(dbbrowser.aspx) under admin tool?

Work requires me to come in early to start computer but wont let me clock in to get paid for it

Why is the underscore command _ useful?

Apply a different color ramp to subset of categorized symbols in QGIS?

How much cash can I safely carry into the USA and avoid civil forfeiture?

Complex numbers z=-3-4i polar form

Does a large simulator bay have standard public address announcements?

How to not starve gigantic beasts

Island of Knights, Knaves and Spies

What *exactly* is electrical current, voltage, and resistance?

Multiple fireplaces in an apartment building?

Angular Material Form autocomplete with 5000 values

How do you disable browser Autocomplete on web form field / input tag?Disable validation of HTML5 form elementsDisabling Chrome AutofillAdd footer with link in list of suggestions in autocomplete material angularAngular CLI SASS optionsHow to detect when an @Input() value changes in Angular?Can't bind to 'formControl' since it isn't a known property of 'input' - angular2 material Autocomplete issueHow to compose Angular Material form control componentsAngular Material - Custom Autocomplete componentAngular Material Autocomplete - open panel after ENTER

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

2

I am using Angular 7 and Angular Material.

I use the autocomplete angular form material component by storing the values ​​directly in my component.

Except that now, I would like to filter on more than 5000 values. If I store it directly in my component, I lose performance.

What is the strategy I need to adopt?

angular forms autocomplete angular-material

share|improve this question

edited Mar 9 at 8:27

Sangwin Gawande

3,99472652

asked Mar 9 at 7:45

chupi cupachupi cupa

154

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Try using API calls for filtering values.
  
  – Sangwin Gawande
  Mar 9 at 8:31
  

  
  
  
  

add a comment | 

2

I am using Angular 7 and Angular Material.

I use the autocomplete angular form material component by storing the values ​​directly in my component.

Except that now, I would like to filter on more than 5000 values. If I store it directly in my component, I lose performance.

What is the strategy I need to adopt?

angular forms autocomplete angular-material

share|improve this question

edited Mar 9 at 8:27

Sangwin Gawande

3,99472652

asked Mar 9 at 7:45

chupi cupachupi cupa

154

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Try using API calls for filtering values.
  
  – Sangwin Gawande
  Mar 9 at 8:31
  

  
  
  
  

add a comment | 

I am using Angular 7 and Angular Material.

I use the autocomplete angular form material component by storing the values ​​directly in my component.

Except that now, I would like to filter on more than 5000 values. If I store it directly in my component, I lose performance.

What is the strategy I need to adopt?

angular forms autocomplete angular-material

share|improve this question

edited Mar 9 at 8:27

Sangwin Gawande

3,99472652

asked Mar 9 at 7:45

chupi cupachupi cupa

154

angular forms autocomplete angular-material

angular forms autocomplete angular-material

share|improve this question

edited Mar 9 at 8:27

Sangwin Gawande

3,99472652

asked Mar 9 at 7:45

chupi cupachupi cupa

154

share|improve this question

edited Mar 9 at 8:27

Sangwin Gawande

3,99472652

asked Mar 9 at 7:45

chupi cupachupi cupa

154

edited Mar 9 at 8:27

Sangwin Gawande

3,99472652

edited Mar 9 at 8:27

Sangwin Gawande

3,99472652

asked Mar 9 at 7:45

chupi cupachupi cupa

154

asked Mar 9 at 7:45

chupi cupachupi cupa

154

2 Answers
2

active

oldest

votes

3

It's case-specific really.
What I would suggest is the following:

Instead of automatically sorting all of your 5000 records at ngOnInit, wait until the user first types inside your auto-complete search bar. Once a letter is typed, perform an API call that would filter these records in the backend, returning a smaller portion of these records.

The rest of the filtering will then be performed on the frontend.

share|improve this answer

answered Mar 9 at 9:09

ChrisChris

328115

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi i use firebase. I thought it would have been better to store my static array in the asset folder but you prefer in firebase? Do you have an example of implementation please?
  
  – chupi cupa
  Mar 10 at 20:40
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So in your case it would be much simpler to simply filter them on the front-end. In which case, your most convenient solution is finding the best practice to filter data based on its structure. Based on the wide variety of filtering techniques.
  
  – Chris
  Mar 11 at 8:05
  
  

  
  
  
  

add a comment | 

1

You have to paging to load maximum is 20 elements when input any data to filter. And use debounce time and Subject to trigger input data and cancel observable.

share|improve this answer

edited Mar 9 at 15:44

answered Mar 9 at 12:39

NhutLeNhutLe

217

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  thanks, how i can do this ?
  
  – chupi cupa
  Mar 10 at 20:38
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you know paging in back-end with param page and size?
  
  – NhutLe
  Mar 11 at 1:23
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55075159%2fangular-material-form-autocomplete-with-5000-values%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

3

It's case-specific really.
What I would suggest is the following:

Instead of automatically sorting all of your 5000 records at ngOnInit, wait until the user first types inside your auto-complete search bar. Once a letter is typed, perform an API call that would filter these records in the backend, returning a smaller portion of these records.

The rest of the filtering will then be performed on the frontend.

share|improve this answer

answered Mar 9 at 9:09

ChrisChris

328115

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi i use firebase. I thought it would have been better to store my static array in the asset folder but you prefer in firebase? Do you have an example of implementation please?
  
  – chupi cupa
  Mar 10 at 20:40
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So in your case it would be much simpler to simply filter them on the front-end. In which case, your most convenient solution is finding the best practice to filter data based on its structure. Based on the wide variety of filtering techniques.
  
  – Chris
  Mar 11 at 8:05
  
  

  
  
  
  

add a comment | 

3

It's case-specific really.
What I would suggest is the following:

Instead of automatically sorting all of your 5000 records at ngOnInit, wait until the user first types inside your auto-complete search bar. Once a letter is typed, perform an API call that would filter these records in the backend, returning a smaller portion of these records.

The rest of the filtering will then be performed on the frontend.

share|improve this answer

answered Mar 9 at 9:09

ChrisChris

328115

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi i use firebase. I thought it would have been better to store my static array in the asset folder but you prefer in firebase? Do you have an example of implementation please?
  
  – chupi cupa
  Mar 10 at 20:40
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  So in your case it would be much simpler to simply filter them on the front-end. In which case, your most convenient solution is finding the best practice to filter data based on its structure. Based on the wide variety of filtering techniques.
  
  – Chris
  Mar 11 at 8:05
  
  

  
  
  
  

add a comment | 

It's case-specific really.
What I would suggest is the following:

Instead of automatically sorting all of your 5000 records at ngOnInit, wait until the user first types inside your auto-complete search bar. Once a letter is typed, perform an API call that would filter these records in the backend, returning a smaller portion of these records.

The rest of the filtering will then be performed on the frontend.

share|improve this answer

answered Mar 9 at 9:09

ChrisChris

328115

share|improve this answer

answered Mar 9 at 9:09

ChrisChris

328115

answered Mar 9 at 9:09

ChrisChris

328115

answered Mar 9 at 9:09

ChrisChris

328115

1

You have to paging to load maximum is 20 elements when input any data to filter. And use debounce time and Subject to trigger input data and cancel observable.

share|improve this answer

edited Mar 9 at 15:44

answered Mar 9 at 12:39

NhutLeNhutLe

217

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  thanks, how i can do this ?
  
  – chupi cupa
  Mar 10 at 20:38
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you know paging in back-end with param page and size?
  
  – NhutLe
  Mar 11 at 1:23
  

  
  
  
  

add a comment | 

1

You have to paging to load maximum is 20 elements when input any data to filter. And use debounce time and Subject to trigger input data and cancel observable.

share|improve this answer

edited Mar 9 at 15:44

answered Mar 9 at 12:39

NhutLeNhutLe

217

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  thanks, how i can do this ?
  
  – chupi cupa
  Mar 10 at 20:38
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Are you know paging in back-end with param page and size?
  
  – NhutLe
  Mar 11 at 1:23
  

  
  
  
  

add a comment | 

You have to paging to load maximum is 20 elements when input any data to filter. And use debounce time and Subject to trigger input data and cancel observable.

share|improve this answer

edited Mar 9 at 15:44

answered Mar 9 at 12:39

NhutLeNhutLe

217

share|improve this answer

edited Mar 9 at 15:44

answered Mar 9 at 12:39

NhutLeNhutLe

217

answered Mar 9 at 12:39

NhutLeNhutLe

217

answered Mar 9 at 12:39

NhutLeNhutLe

217