Learn how to use Angular Directives to build a hold-to-delete style button that removes a document from Firestore after holding down for 1 second. angularfirebas... - Angular Directives angular.io/gui...
Great video! The only nitpick I have is that your naming of things does not always fit at least my personal intuition. Example: (holdTime)="deleteCustomer()". This is not the most obvious way to convey what is really happening and may give people who are new to a codebase a hard time figuring out how stuff works. Longer names may look verbose at first, but they help newcomers and once you are accommodated to them their length does not bother you any more, at least in my experience. ;) Never the less, I learned a great deal from this tutorial!
From Venezuela to Perú, and I start to work in a company of software, design and web development, right now I'm in angular but I keep learning and making stuff on my free time =D
if i had an array of objects and are displaying them on screen in containers, could we bind this hold to delete function to those containers and possibly the color loader to affect the container itself until it is deleted?
Great idea and fantastic video. Thank you. I think, the user needs a visual feedback so that he has to push the button until the action is triggered. Any suggestions?
Great I've never thought of long pressing for delete I always use a confirmation dialog but no longer thanks Jeff. Please I need help with firestore cloud function I want to automatically update a field in a document base on a date field in that same doc or in extension a different doc in a same collection and even more a doc in a different collection. Please I need it 🙏
Can you please make a video on how angular change detection works and NgZone things a little bit. And ofcourse ngrx and one more thing a little bit concept about real time data communication
I could not understand why did u filter this.cancel=this.state.pipe(filter(v=>v==='cancel)), when we already emit an event on mouseleave--> this.state.next("cancel"). Can someone explain this to me please? 🙏🥺
if you create another next method and don't filter it. It will end up going inside of that this.cancel and emit that value. So filter just stops this from happening.
Hey can you make a video about angular elements example anguler elements then ng build then use it to any angular-cli projects. Let say you put the angular-element in github and use it in angular-cli project. Hope does makes sense :-)
I don't like non component directives, like attributes in this example and the reason is simple. If you are using them inside a component tag and it has outputs/inputs you have trouble understand which belongs to what, can get messy. I understand the need for directives, but would just wish there was a less confusing implementation.