- [Instructor] Attribute directives are designed…to change the appearance or behavior of the DOM elements…that they are attached to.…They do not create or remove DOM elements…like structural directives.…Let's take a look…at how you can use a built-in attribute directive.…In the media-item-list.component.html file…we will make use of the ng class, attribute directive…to get some CSS classes onto the mediaItem elements…based on the mediaItem medium type.…

Now the project already has CSS rules set up…in the media-item.component.css file for some classes.…So we can just start using those in the template here.…So on the mw-media-item element…we use the directive property template syntax…using the brackets around the term ngClass…and set that equal to a statement.…The ngClass directive expects an object structure…for its statement value.…

With the CSS classes for the property names…and a true false for the values.…In our case, we want to have two CSS classes.…One named medium-movies…and one named medium-series.…Since the dash is not valid in an object property,…

Resume Transcript Auto-Scroll

Author

Updated

3/1/2018

Released

10/31/2016

Angular was designed by Google to address challenges programmers face building complex, single-page applications. This JavaScript framework takes care of the back end so you can take care of the client side. Angular Essential Training introduces you to the essentials of this "superheroic" framework, including powerful features such as rich templates, change detection, user interactions, two-way data binding, comprehensive routing, and dependency injection.

Justin Schwartzenberger steps through the framework one feature at a time, focusing on the component-based architecture of Angular. Learn what Angular is and what it can do, as Justin builds a full-featured web app from start to finish. After mastering the essentials, you can tackle the other project-based courses in our library and create your own Angular app.

Topics include:

What is Angular?

Setting up an Angular template

Creating a component

Binding events and properties

Getting data to components

Using directives and pipes

Creating Angular forms

Validating form data

Understanding dependency injection

Providing services

Making HTTP calls

Routing

Skill Level Intermediate

2h 48m

Duration

1,109,600

Views

Show MoreShow Less

Q: This course was updated on 03/01/2018. What changed?

A: The following topics were updated: directives and pipes, forms, dependency injection and services, HTTP, and routing.