From the course: Angular: Animations

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Animating the video title

Animating the video title - Angular Tutorial

From the course: Angular: Animations

Start my 1-month free trial

Animating the video title

“

- [Narrator] We'll now enable angular animations for our title display. Within our videotitle.component, we can import the necessary classes and define our various states to perform animations when those state transitions are triggered. So, inside a videotitle.component, let's go ahead and paste in some imports from Angular Animations, including trigger, state, style, animate and transition. So this is the standard set. We need to go ahead now and add that trigger data to our div so we're going to pass in hiddenChanged equal to be isHidden. Let's go ahead and define the hiddenChanged trigger now within our animations, we'll do that down below styles, though it really doesn't matter as long as it's in this same block. And we'll paste in the snippet. So here is the hiddenChanged trigger that we are using up in our template and what we'll do is we're passing in again a string of either whether something is hidden, is true or false, as a string, and we simply change the opacity from one…

Contents