Custom Autocomplete with Angular

Custom Autocomplete with Angular

Protocoding

7 лет назад

44,953 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@Activcamo
@Activcamo - 01.08.2017 06:05

love it ryan!

-franz ;)

Ответить
@RealJustinEstrada
@RealJustinEstrada - 25.09.2017 01:38

There are so many dependencies in that package.json are all over those really necessary for this demonstration? Which ones are bloatware that can be deleted?

Ответить
@shuk
@shuk - 24.10.2017 20:01

Hey man
Love it, subbed
Though cannot figure how to convert this to work with a particular property of an object

Ответить
@Lifensmile
@Lifensmile - 09.11.2017 14:11

Hey Nice tutorial!

What is the plugin you have used to make changes without re-loading the page?

Ответить
@CamiRodriguezepisode
@CamiRodriguezepisode - 14.12.2017 22:49

Wonderful!! aww this is awesome :D thanks

Ответить
@nzjemountfort
@nzjemountfort - 21.12.2017 02:39

Great tutorial bro !

Ответить
@hinthorozukim4248
@hinthorozukim4248 - 26.12.2017 23:23

simple, enough and boom :)

Ответить
@murthy900
@murthy900 - 17.01.2018 21:01

You r awesome!

Ответить
@sonnix31
@sonnix31 - 14.03.2018 01:42

Stop talking too much about yourself.

Ответить
@KD-uj7rq
@KD-uj7rq - 14.03.2018 22:11

Very nice demo!

Ответить
@ambujchaurasia4057
@ambujchaurasia4057 - 18.04.2018 17:05

Is it working in angular 5 and how can implement multiple search on one page ui?

Ответить
@gunasekaranveerakumar6259
@gunasekaranveerakumar6259 - 28.04.2018 23:05

wonderful example.. But u forget to handle keyboard uparrow and down arrow event to focus autocomplete

Ответить
@visakeswaran3620
@visakeswaran3620 - 29.05.2018 20:15

Whats the song playing in the background ?

Ответить
@ale_lunalili
@ale_lunalili - 18.06.2018 19:33

Nice tutorial

Ответить
@kesavulup6829
@kesavulup6829 - 04.09.2018 16:14

now it working thank you

Ответить
@Joumd86
@Joumd86 - 05.12.2018 02:16

"v.toLowerCase is not a function" error =(

Ответить
@NGprime
@NGprime - 05.12.2018 13:55

what's mean 'return' (without value)? is it same as 'return undefined' ??

Ответить
@sahilz.maharjan7582
@sahilz.maharjan7582 - 14.01.2019 20:32

Can anyone tell me, instead of using that ClickOutsideDirective, can't we just use (blur) to call the toggleDropdown function again? It is working but will it have any major implications later?

Ответить
@robrjp9
@robrjp9 - 17.02.2019 07:45

Man!! Congratulations for your job! This video help me a lot in my Angular Project! Keep making video like this.

I’m not a expert in Angular, but I know a lot of things, may be we can share our knowledge!

Ответить
@sanjibanichoudhury7517
@sanjibanichoudhury7517 - 27.02.2019 13:12

thanks for the tutorial

Ответить
@richardbryant7652
@richardbryant7652 - 02.03.2019 03:18

Excellent tutorial, Ryan! VERY helpful for an important work project!

Ответить
@richardbryant7652
@richardbryant7652 - 02.03.2019 03:23

BTW, the "About Myself" part was respectfully brief, and perfectly OK...Good to know that dev envs you're working in...Didn't take anything away from the excellent presentation.

Ответить
@yeswanthteja8523
@yeswanthteja8523 - 23.03.2019 21:48

Thank you, I like how you explained it.

Ответить
@andremachado4192
@andremachado4192 - 04.09.2019 16:09

This still works on Angular 8?

Ответить
@fisnikrexhepi402
@fisnikrexhepi402 - 18.09.2019 15:21

Hey Ryan, I found a bug which is very important in this tutorial.
When I click outside of the input field, dropdown still opens, do you have any solution about it ?

Ответить
@virendra7624
@virendra7624 - 09.11.2019 08:26

Hello sir. Could u plz upload a video for multiple words autocomplete when entering in the textbox.

Ответить
@JohnRotondo
@JohnRotondo - 19.03.2020 19:08

You made this so easy. Thanks!

Ответить
@Ziirf
@Ziirf - 17.06.2020 13:34

Would be great if you don't just skim over some pretty major stuff in 2 sec.
I wouldn't call this a lesson but rather just a monkey see monkey do exercise.

Ответить
@andrewtanjaya8263
@andrewtanjaya8263 - 10.07.2020 07:47

the easier way to make search div show when click and hide when click other place like this :
<input class ="searchBar" (focus)="toggleAC()" (blur)="toggleAC()" type="text" placeholder="{{message}}">

so when your cursor is focusing the input it will toggle the autocomplete, when out of the input it will toggle it again, I hope it help.

Ответить
@sameermandavia8526
@sameermandavia8526 - 17.09.2020 08:57

Not getting selected value in textfield

Ответить
@Levelord92
@Levelord92 - 15.12.2020 12:17

btw bro you could return from filter like this:
return ~v.toLowerCase().indexOf(search.toLowerCase())

Ответить
@faruktadavi6712
@faruktadavi6712 - 24.03.2021 18:27

Selection of value using Arrow up and down key not working

Ответить
@sharathmadamraju4086
@sharathmadamraju4086 - 21.05.2021 01:24

if user want to access through up and down arrows in keyboard on the dropdown, is there any solution?

Ответить
@alexvig2369
@alexvig2369 - 08.06.2021 03:57

Thank you very much for this video, man! Much much appreciated.

Ответить
@AjudanteDeServente2
@AjudanteDeServente2 - 27.04.2022 18:02

saved me, tnks

Ответить
@josepolanco7082
@josepolanco7082 - 01.11.2022 04:50

super helpful. thank you

Ответить