IT Professional Curricula Web Design Solution Area Scripting and Web Languages AngularJS 2.0
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.
| Objectives |
Angular Template Syntax - 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
Angular Built-in Directives - 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
Angular Pipes - 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
Practice: Creating Angular 2 Pipes - create and use a custom pipe in an Angular 2 application
|
