Multiselect Dropdown and Searchable Dropdown in Angular || Angular || Angular Tutorial

[@vinayyelleti2714]

i have a use case , where on selection of lets say "kolkata" , i need to disable checkbox select of Delhi how can we do this ?

[@udhayakumar880]

I am using this drop-down in my project. I have an issue.. after selecting an item, the drop-down is closed. But that needs to be open only... How can I achieve that..??

[@ritikrajvanshi857]

Is there is any library that works as searchable dropdown. Additionally it attribute value so I can give there value as id and shows name regarding id using interpolation. But binding between is must.

[@CreativeDeveloper]

There is many library.

[@MinakshiKothari-g9p]

Can you please explain how can I show drop down for 1000k records. I want to show first 10 records in drop down but while searching it should show the results.

[@thaslithaslim5083]

Sir I have an error in html Placeholder,[settings]="dropdownSettings" and [data]="dropdownList" How to clear these error

[@shivtechgyan2181]

I got same error...did you get how to resolve this one...?

[@CreativeDeveloper]

Shuffle these property and try

how to get the value of only the selected items? in selectedItems it does not save anything after having selected the items. thanks?

[@CreativeDeveloper]

Using selection event

[@nagendrakumar3149]

Thanks a lot for your explanation

[@sumandas6132]

Nice concept and we'll explained... Keep it up for supporting this type of valuable information given us

[@shashankgonuguntla2618]

Will it accept dynamic data from api ? If yes how to bind it example pls ...

[@CreativeDeveloper]

Ya its yes but you have to check documents of it. Or don't worry I will try to make another video of it.

[@shashankgonuguntla2618]

@@CreativeDeveloper can you provide me that documents

[@mariembenyoussef7838]

Thanks a lot! This is well explained and It worked for me :D

[@alexgavidia7356]

What if I want to prevent the automatic addition of the selected item? help

[@CreativeDeveloper]

automatic addition? Can you please explain it ?

[@pietro5898]

sir why does my item_id and item_text gives me errors? i did all as you showed

[@CreativeDeveloper]

I have to check it.

[@romansajid7298]

because we have not initialized our "dropdownList: any = []; selectedItems: any = [];" to avoid this error just go to tsconfig.json and paste "strictPropertyInitialization": false, under the "strict": true, in compilerOptions object.

[@vivansam6832]

@@romansajid7298 yes i did so still the same error repeats please reply soon

[@shivtechgyan2181]

I got same ..error ..did you get how to resolve that error?

[@niseancastillo1666]

Thanks. This is well explained. Is it possibly for it to display the number of items selected when you select over the limit specified? E.g: 5 Items Selected

[@CreativeDeveloper]

You can.

[@niseancastillo1666]

@@CreativeDeveloper Thanks for getting back to me. Is there a property I need to set on the control or the drop-down settings. PrimeNg multiselect has a "SelectItemsLabel" property that you could set. SelectItemsLabel="{0} items selected". How do I do this with the multiselect in your video.

[@CreativeDeveloper]

@@niseancastillo1666 some line of code you have to be write in template also

[@sagarbora7768]

Why did we installed dependency tslib Also how to use it when components are nested

[@haseebsahi8764]

Why does [data] markup only accept the array with objects having property 'text'? What if I want to load an array with different properties e.g. 'brandName' instead of 'title'?

[@shubhasismahata4726]

i want to load 1lakh data in dropdownlist , how to make server side dropdownlist in angular

[@CreativeDeveloper]

Yea. You have to call api in service.ts file and create a loop in select field. It is difficult to explain in comment section. I will make a video on it.

[@shubhasismahata4726]

@@CreativeDeveloper ok.. make it as soon as possible

[@mostafaatef4584]

Nice video, keep the good work, please i have a question dropdown is working fine but i can't get any properties except ID & name only, can you explain please why is that??

[@CreativeDeveloper]

You have to be use filter method

[@shitalpimpalkar2224]

How to sort the multiselect options

[@pranathiravikumar9950]

How to use custom css for this

[@CreativeDeveloper]

Inspect and check the class name. Based on those classes you can write CSS.

[@dulalbhowmik8231]

Thanks. It worked for me.

[@ninistories]

I get no data available?

[@CreativeDeveloper]

Its updated now and there are also an issue. The solution is You have to write settings property first and then data property inside template. like that...

[@nishantgosavi850]

@@CreativeDeveloper I got same issue, This is solution is working for me, thank you so much for this kind of content and explanation

[@candrakusuma4554]

can you change the color of checkbox?

[@CreativeDeveloper]

yea, to use css possible to change color.

[@devikasuchith8764]

Sir can we do this in Reactive forms ?

[@CreativeDeveloper]

You can

[@devikasuchith8764]

@@CreativeDeveloper can you please provide explanation for that .... A sample or so ...

[@devikasuchith8764]

@@CreativeDeveloper because in this you have used ngModel which won't be working with reactive form

[@CreativeDeveloper]

@@devikasuchith8764 you can check my reactive tutorial or go to playlist there are a playlist name mean stack. You will find also in mean stack tutorial that how to use reactive form and insert data in mongodb. So same thing you apply in multi select dropdown. After that if you face any problem then I will help you. Don't worry.

[@CreativeDeveloper]

@@devikasuchith8764 form-control, ng-model, name both attributes name will be same.

[@akshayraut858]

How to make a multi-select dropdown without using third party libraries?

[@CreativeDeveloper]

It is simple. Here it's difficult to explain. I will try to make a video on it.

[@archanabhowmick9787]

It is working