Template Syntax, Directives, & Pipes

Angular 2
  • 19 Videos | 1h 17m 54s
  • Includes Assessment
  • Earns a Badge
Likes 8 Likes 8
Angular includes a template syntax and built-in directives and pipes that can be used when creating apps. Learn how to work with these built-in features, and how to create custom directives and pipes based on app requirements.

WHAT YOU WILL LEARN

  • set single classes on elements in Angular 2 using a class binding
    set simple inline styles on elements in Angualr 2 using style bindings
    modify html layour using templates
    avoid null and undefined values in properties and property paths
    set multple classes on elements using ngClass
    toggle element rendering based on set conditions
    set muliple styles on elements using using ngStyle
    display one element tree from a set of multiple
    present multliple elements in a concise way
  • use the ngFor directive along with an index value
    optimize ngFor performance by providing a tracking function
    create and use a custom directive
    easily convert text case of a string
    easily display data in a JSON format
    easily display data in either an appropriate currency format or an appropriate
    easily display data as it arrives asynchronously
    easily display formatted dates using the date pipe and display substrings or subsets using the slice pipe
    create and use a custom pipe

IN THIS COURSE

  • Playable
    1. 
    Working with class binding
    5m 29s
    UP NEXT
  • Playable
    2. 
    Working with style binding
    2m 32s
  • Locked
    3. 
    Working with * and <template>
    2m 20s
  • Locked
    4. 
    Using the safe navigation operator
    3m 36s
  • Locked
    5. 
    Using the ngClass directive
    3m 43s
  • Locked
    6. 
    Using the ngIf directive
    3m 8s
  • Locked
    7. 
    Using the ngStyle directive
    4m 3s
  • Locked
    8. 
    Using the ngSwitch directive
    4m 40s
  • Locked
    9. 
    Using the ngFor directive
    3m 52s
  • Locked
    10. 
    Using ngFor with Index
    3m 2s
  • Locked
    11. 
    Using ngFor with TrackBy
    4m 28s
  • Locked
    12. 
    Creating Custom Directives
    5m 44s
  • Locked
    13. 
    Using the Uppercase and Lowercase pipe
    2m 18s
  • Locked
    14. 
    Using the JSON pipe
    2m 19s
  • Locked
    15. 
    Using the Currency and Percentage pipes
    2m 48s
  • Locked
    16. 
    Using the Async pipe
    3m 23s
  • Locked
    17. 
    Using the Date and Slice pipes
    3m 59s
  • Locked
    18. 
    Creating a custom pipe
    4m 29s
  • Locked
    19. 
    Exercise: Using a Angular 2 custom pipe
    3m

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

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

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Likes 1 Likes 1  
Likes 17 Likes 17  
Likes 0 Likes 0  

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Likes 12 Likes 12  
Likes 17 Likes 17