Directives

Angular 4    |    Beginner
  • 10 videos | 38m 59s
  • Includes Assessment
  • Earns a Badge
Rating 4.4 of 12 users Rating 4.4 of 12 users (12)
Angular uses a rich set of directives for manipulating DOM elements and templates. Learn how to use the Angular built-in directives and, in particular, the flow control directives.

WHAT YOU WILL LEARN

  • Set multiple classes on elements using ngclass
    Toggle element rendering based on a condition
    Set multiple styles on elements using ngstyle
    Display one element tree from a set of multiple possible trees
    Use ngfor to iterate over a list or an object's contents
  • 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
    Use angular directives

IN THIS COURSE

  • 3m 20s
    In this video, learn how to set multiple classes on elements using the ngClass directive. FREE ACCESS
  • 2m 52s
    In this video, you will learn how to toggle element rendering on and off based on a condition. FREE ACCESS
  • Locked
    3.  Using the ngStyle Directive
    3m 30s
    In this video, learn how to set multiple styles on elements using the ngStyle directive. FREE ACCESS
  • Locked
    4.  Using the ngSwitch Directive
    4m 3s
    In this video, find out how to display one element tree from a set of multiple possible trees. FREE ACCESS
  • Locked
    5.  Using the ngFor Directive
    2m 59s
    During this video, you will learn how to use ngFor to iterate over a list or an object's contents. FREE ACCESS
  • Locked
    6.  Using ngFor with Index
    3m 50s
    In this video, learn how to use the ngFor directive to iterate over an array with an index value. FREE ACCESS
  • Locked
    7.  Using ngFor with TrackBy
    4m 29s
    In this video, you will learn how to optimize ngFor performance by providing a tracking function. FREE ACCESS
  • Locked
    8.  Working with * and ng-template
    6m 11s
    In this video, learn how to modify HTML layout using templates. FREE ACCESS
  • Locked
    9.  Creating Custom Attribute Directives
    4m 5s
    Learn how to create and use a custom attribute directive. FREE ACCESS
  • Locked
    10.  Exercise: Use Angular Directives
    3m 41s
    Learn how to use Angular directives. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Course Angular Bootcamp July 2023: Session 1 Replay
Rating 4.8 of 15 users Rating 4.8 of 15 users (15)
Course Angular 11: Getting Started with Angular
Rating 4.5 of 560 users Rating 4.5 of 560 users (560)
Course Angular: Template-driven and Reactive Forms April 2024 : Session 2 Replay
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course Web Fundamentals: Cascading Style Sheets for Web Pages
Rating 4.6 of 206 users Rating 4.6 of 206 users (206)
Course TypeScript Essentials: Getting Started
Rating 4.2 of 117 users Rating 4.2 of 117 users (117)
Course Form Management
Rating 4.5 of 10 users Rating 4.5 of 10 users (10)