Angular Directives - Build a Hold-to-Delete Button

Nicely done

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?

Very useful and interesting video for me.

Brilliant!! I will try to remake this! Thanks 👍🏽

Awesome, thank you

I like your courses, I am looking to get support for hosting angular app on google cloud and also google photos rendering in angular 11 app

Could you do a react version of this? Or is there a exciting resource that could help me with this?

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? 🙏🥺

Can you pls share a link to the source code of this video...that would be really helpful

Is there a way to make that progress bar inside the button?

But if i build to mobile with cordova, its not working. Do you have any idea ?

Great short video!

What is the font you are using?

How to use directive to change table colums width ??

thanks, a lot of new things i learned from this tutorial :D

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!

This is beautiful!

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.

Man love your videos! But hey, where do you get the music for them?

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

Great video. Thanks

I did not test it, but shouldn't you subscribe to cancel observable? Else tap operator won't work no? Or am I missing something?

Simple Superb :) Thank You

its always a delight to watch you program, cause your tips are very helpful. if only i could afford your pro subscription.

Hey! do you use one dark theme for vs code?

What theme are you using in vscode?

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?

Thumbs up to the custom css console logs. TIL!

Hey. Which CSS framework are you using?

Yesss, getting more Angular content. Thanks.

Awesome use case to show the potential of rx/js

Nice

Bro, are you planing on releasing some sort of an advanced paid course for an Angular web application in the near future?

Awesome, I've moved to another country, so I have been a little off, but I'm ready to keep going, greetings.

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 🙏

Way more elegant than the rough modal approach.

Great idea, love it

Very intuitive. I can already see some potential with this for improving the user experience. Nicely done!

Amazing!!!!!!

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 :-)

Going back to Angular + RxJS fundamentals to build a nice UI element for deleting important records. Let me know what you think in the comments :)