Тёмный

Live Search |Search Filter | Search AutoComplete - Angular for Beginners Tutorial 

Qixotl LFC
Подписаться 1,7 тыс.
Просмотров 18 тыс.
50% 1

Keep watching if you want to create a live search box in Angular where search results are automatically rendered without page refresh in response to every new keystroke registered on the targeted text input. And the results in question will try to auto-complete the users query so that it matches up with the results stored in the database.
To create this, we will be using Angular for the front-end, NodeJS for the back-end and MongoDB for the database which is where the live-search results will come from.
Also, communication between Angular on the front-end and NodeJS on the back-end will be facilitated with asynchronous requests that hold JSON data to allow the transportation of data between the 2 locations. We will also be using Angular’s own http-client service to make requests to the server from the front-end. In addition, we will use express on the back-end simply because it makes NodeJS very simple to work with.
LINKS:
👉Poppins Font on Google: fonts.google.com/specimen/Pop...
--
Follow me on:
❤️GitHub: github.com/lukechopper
❤️Portfolio: luke-courtneys-portfolio.hero...
#Angular#JavaScript#JS#ComputerScience#CS#Tutorial#webdev#livesearch

Наука

Опубликовано:

 

30 июл 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 7   
@pamelaharper12
@pamelaharper12 2 года назад
Hi I got this to work! Nice demo. There is a lot more that needs to be done than the video shows but like stated it is a demo.
@vineettorke
@vineettorke 4 дня назад
hi, can i get a github link of this code
@zictechtechnologies7142
@zictechtechnologies7142 Год назад
Hi, this is nice! Pls how can we make it to receive click items from the search query result? I mean, when I click any of the dropdown list results I want the input to receive it. How do I do that pls? thanks
@amadousow6598
@amadousow6598 2 года назад
thx
@muthaks
@muthaks 2 года назад
Great work. It would be nice it was filtering as a drop-down select and not just printing.
@lukechopper22
@lukechopper22 2 года назад
Just use the and tags instead.
@kayzzen
@kayzzen 8 месяцев назад
@@lukechopper22 I will try it. Thanks.
Далее
PrimeNG Autocomplete in Angular Application
38:32
Просмотров 4,8 тыс.
МАРИЯ ГОЛУБКИНА О БАБУШКЕ #shorts
00:43
How to route in Angular - Learning Angular (Part 5)
15:51
Angular 5-Minute Tips: Typeahead
8:00
Просмотров 10 тыс.
Forms in Angular - Learning Angular (Part 7)
9:43
Просмотров 38 тыс.
What is Observable | Observables | Angular 12+
14:16
Просмотров 149 тыс.
iPhone 15 Pro в реальной жизни
24:07
Просмотров 415 тыс.
Самый быстрый пылесос!
0:30
Просмотров 23 тыс.