Angular 2 Template Syntax, Directives, and Pipes

Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level

---

Overview/Description
Angular comes with a template syntax, as well as some built-in directives and pipes that you can use as part of creating apps. This course will cover those built-in features as well as describe how to create custom directives and pipes based on app requirements.

Target Audience
Developers who want to learn how to use Angular 2 to create web apps

Prerequisites
None

Expected Duration (hours)
1.3

Lesson Objectives

Angular 2 Template Syntax, Directives, and Pipes

start the course

set single classes on elements in Angular 2 using a class binding

set simple inline styles on elements in Angular 2 using style bindings

avoid null and undefined values in properties and property paths

set multiple classes on elements using ngClass

toggle element rendering based on set conditions

set multiple styles on elements using ngStyle

display one element tree from a set of multiple possible trees

present multiple elements in a concise way

use the ngFor directive along with an index value

optimize ngFor performance by providing a tracking function

modify html layout using templates

create and use a custom attribute directive

easily convert text case of a string

easily display data in a JSON format

easily display data in an appropriate currency format

slice strings and lists before display in Angular apps

easily display formatted dates using the date pipe and display substrings or subsets using the slice pipe

create and use a custom pipe

create and use a custom pipe in an Angular 2 application

Course Number:
wd_angt_a02_it_enus

Expertise Level
Intermediate