Also, keep in mind that in drop() methods you might also need to do an additional check if (event.previousContainer === event.container) and if you drop an element within the same container then you would need to use moveItemInArray() helper function. It was dropped for the tutorial but might be useful in many of your cases.
Awesome video as always. Especially the explanation of where the array is defined, where it is passed by reference and as a result where it ends up being mutated, which in turn updates the view. That is so obvious for people who know what's happening, but is often missing if you don't know, and helps understanding why the code works, instead of just following "put this here, put that there" patterns.
Great tutorial. How would you handle a situation where you would want to swap / replace items between lists? I.e. if you drag an item from one list over an item in the other the items will be swapped between the lists?
Хаха)) да, я бывает произношу слова кривовато) иногда это просто не отслеживаешь во время записи т.к нужно и код писать и объяснять, а потом когда уже монтируешь, то поздно что-то переписывать) в любом случае прошу прощения за мой акцент))
awesome videos as always, i have question about exclamation mark in 10:11 in 52 line user$!: Observable I know that this is used to tell typescript that we know better, but in this case we are working on types not objects. Never seen this before
Hii sir, I am a regular follower and subsriber of your channel... Can u please make a complete project on Angular... Like something facebook app Or E-commerce application. Please make a complete project on angular. It's my request to you. Regards Nabin
Hey, thank you very much for your explanation! Very good indeed. Just one thing to add: how can you make a nested drop list? I read about it and there are some workaraounds, mostly with older angular versions. Do you have any example with angular 14 or above? The main goal would be to have some kind of box that can accept draggable items but they'll be runtime generated.
Hi! CORS is something that needs to be configured on the server side. You should look either firebase.google.com/docs/hosting/full-config#section-headers or stackoverflow.com/questions/42755131/enabling-cors-in-cloud-functions-for-firebase
Please can make video like simple suppose there are four columns ok and each of them is having some data , we must be able to drag And Drop into from any column
Thank you! Where can I learn more, please? I've visited the Github repository but I need answers beyond what I'm finding there. (I'm self-taught at apprentice level so please pardon my ignorance.) I want to do things like replace an element, restrict placement by manipulating the index (maybe), replace an element on dragover, etc. There seem to be details in the library code that I don't know how to access. E.g. to replace an element I am putting the element in on drop then deleting the next element in the index since the code library for copyArrayItem gives no splice-remove argument.
Anyone recommend free/paid resources to learn angular. I have seen maximilian and some pluralsight course but I want something that make a project instead of explaining syntax in short video, can anyone recommend project base course please It would be great help if you answer sir or make your one 😜. It's pleasure learning from you. ♥️