Angular 2 Essential Training - Part 5 - Directives and Pipes | Patrick Schroeder | Skillshare

Angular 2 Essential Training - Part 5 - Directives and Pipes

Patrick Schroeder, Teaching JavaScript Courses

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
8 Lessons (24m)
    • 1. Directives Intro

      1:27
    • 2. Attributes Directive

      2:53
    • 3. NgIf

      2:37
    • 4. NgFor

      3:42
    • 5. NgClass

      3:19
    • 6. Pipes Intro

      0:48
    • 7. Built-in Pipes

      3:24
    • 8. Custom Pipes

      5:22

About This Class

Welcome to Part 5 of the course.

In this section we'll discuss directives and pipes.

Attribute Directive - This video will cover how to use component and attribute directives.

NgIf - We use the NgIf directive when we want to add, remove or update view elements.

NgFor - The NgFor directive instantiates a template once per item from an iterable.

NgClass - The ngClass directive adds and removes CSS classes on an HTML element.

Built-in Pipes - Angular provides us with some built-in pipes that we can easily use inside of our templates. These include: uppercase, lowercase, decimal, currency, date and JSON.

Custom Pipes - In this video we’re going to see how you can go about creating your own custom pipe. We'll first walk through the process in our slides and then build a Truncate Pipe to limit the amount of characters displayed in a description.

Code for this course is located here: https://github.com/jakblak/learn-angular2