วีดีโอ

Excellent video!!!! thank you

Thanks. That was a clear explanation of the basics that I needed to hear. I've been turned off angular animations in the past because the animations array has always been incomprehensible.

Very smart and clean !

Amazing

Gracias por tomarte tu tiempo de hacer este video y explicar de la mejor manera!

nice

Great tutorial! This is exactly what I needed and showing the pros/cons and two different use cases was very helpful

Nice video. Thanks for sharing. What should I do if, when I click a button, an overlay appears. Then, when I click another button, the previous overlay closes, and the new overlay opens?

Thanks for really helpful tutorials on animations. Angular docs on animations are pretty much garbage (at least when I'm trying to actually learn them) and your tutorials with minimal code makes it really easy to understand! (btw allPlayers variable isn't actually allPlayers but all beside first one so more like allPlayersBesideFirstOne, but hey maybe that's me - obviously for purposes of this tutorial that doesn't really matter)

These thumbnails though 😂 Keep up the great videos!

Love it

Great thumbnail lol

Just discovered your channel - this is really amazing. Thank you for providing more advanced use cases and features. Very cool stuff

Great video. Has this changed with the introduction of the input() and output() functions?

Thanks!

I came across this TH-cam channel through your Angular tutorials. Your videos are clearly structured, well edited and you have a pleasant voice. I am now looking forward to the CSS tutorial. Keep up the great work.

thanks 👍 maybe animation on a scroll event in the viewbox it's the next new feature of your lib?

Great video, thanks!

Thanks. You could also implement the host option in a Directive. Make it reusable.

Awesome. I have been working with angular since angular 7 and it was always inexplicable to me why they don't add 'template let' as a part of framework because double subscriptions in template were always a problem)

Thank you for your video, solving this problem with 'host' looks really elegant in this particular case. But personally, I think that the usage of 'effect' instead of OnInit life cycle method decrease readability of the code)

Why would i use it when i can use host property on Component decorator?

nice explaining, thanks 👍

Very nicely explained and narrated 👌🏻

Hi, I tried implementing the route transition as you have in my project. However, my transition behaviour appears to be different. For me, the exit animation for the outgoing route component and the entry animation for the incoming route component occur simultaneously, which causes my render to bug out as during the point of transition, both outgoing and incoming routes are rendered. For example, if the enter and leave animation has an animation time of 1s, my transition time for navigating is 1s where as in your demo, the transition time is 2s (one component leaves then the other component enters). Is there a solution for this? or am I overlooking something else?

Style binding did the trick for me. Super simple! Thanks for the video tutorial.

❤

Why should I even bother checking the Angular docs when I can just watch your videos? 😁😎 Thanks 🙏🏼 Btw, I really love those AI generated pet pictures 😂

thanks for this awesome explain 💯

Really great examples. What I like most is the simplification of async logic with let. In the past I often had the problem of wrapping whole parts of the template inside an if-statement or even (worse) using multiple async pipes on the same observable. Just putting a let on top of the template is a game changer. Thanks for the idea!

Great we moved everything from host to hostbinding decorator and now we should move it back again? Thats how we can keep stay busy right?

Love this! So glad I found you channel, you do a very good job at explaining the process and the different options.

Thank you!

Great explanation! After watching this, I immediately changed all my event emitters to the new output function. Thanks Brian!

Good video. Tip for people using angular-eslint: if you are getting a warning about using `host`, update your version as the recommendation has been updated relatively recently to align with this new best practice.

Hey there, great video, I'm trying to bind the scrollStrategy to my ng-template for each item inside a list that is rendered with ngFor, just like your example, it's just not separated between components. I'm having this problem where, every time I try to open the second overlay,angular throws an error "Scroll strategy has already been attached", and I'm not really following on what's happening

Very cool feature, but this open doors for people do tone's of s***... I can imagine how messy some code bases may end up.

awesome introduction ❤

That is very useful, thank you. Keep it up please. 👏🏼👏🏼

awesome explain 😃 But one question: how to animate div, when it shows in viewport on scroll page? Is it possible via built-in Angular Animation?

I hope they will improve the typing for "host". right now for instance it is possible to give any name for the click event function and it still would build.

Your content is so useful. Thank you very much! Quick question: If the AppComponent template only has the RouterOutlet directive, do we need to add a div wrapper (e.g., `<div @enter><router-outlet /></div>`) to apply the transition effect, or is there a more elegant or smarter way to achieve this?

Hey, It's amazing content with animation and it's helping me quite a lot in building my angular app. I want to request youone thing that can you please create separate video on animating bootstrap modal dialog? Like how to animate modal dialog when it's opened and closed?

Do you still need renderer when using host binding?

thanks for the video, very informative and useful

As a newbie I've always asked myself wheter there is difference between @ViewChild and document.querySelector. Furthermore, what if I need to access some HTML element from parent in my child component?

i'm loving this tutorial series!! i have one request though, could you link to the non-animated templates you start with so it is easier to follow along? thanks!

Thank you Brian! Your videos have been of great help. Well done 💯

Thank you!

Great video! Thank you!