Continue building a set of components which is controlled by the router once it is set into place. This allows the user to switch different views through the main navigation of your project. Each view eventually contains different Angular Animation demos.
- [Instructor] We'll now go about…building a set of components…which will be controlled by the router…once it is set into place.…This will allow the user to switch different views…through the main navigation of our project.…Each view will eventually contain…different Angular animation demos.…So, right now we have our app.component.ts file.…Let's go ahead and inside of our source folder,…we'll create a new file…and call this home.component.ts, all right.…
You'll find in our snippet file…that we have a snippet for a basic component…so we'll paste that in here…and this basic component snippet…just imports component from Angular Core…and then we declare our component metadata…such as our template and our styles.…And again, these are backticks and not simple single quotes.…This allows us to do multi-line templates and styles…inside of Angular.…
And then we export class MyComponent.…However, this is going to be called HomeComponent eventually,…but we'll get to that in a minute.…What we're going to do now…is actually create a number of additional components…
- Installing the Angular CLI
- Creating a new project
- Verifying the animations package
- Configuring project routes
- Animating components
- Triggering animation between states
- Stepped and parallel animation
- Writing reusable animations
- Animating individual items with query and stagger
- Animating an existing Angular project
Skill Level Intermediate
1. Getting Ready to Animate
2. Enabling Angular Animations
3. Angular Animation Basics
4. Advanced Angular Animation
5. Animating an Existing Interface
6. Package for Distribution
Building the project1m 56s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.