Angular2Getting Start

Author:

TU TranSkype: tranthanhtu83

Scope

TU Tran

- Understand how the angular app looks.- Create and navigate between pages- Get data form remote source and display on UI

Resources

TU Tran

- Sample code: https://github.com/thanhtuit27/angular2_gettingstart- Angular docs: https://angular.io/- Visual code: https://code.visualstudio.com- Slides: http://www.slideshare.net/TuTran10/angular2-getstart-62750184

Overview

Config & bootstrap Angular

Route & component

Data binding

Service & REST (Http)

Common directive & pipes

Angular 2

TU Tran

Overview

TU Tran

Config & bootstrap Angular

TU Tran

Route & Component

TU Tran

Route & Component

TU Tran

Data binding

TU Tran

Service

TU Tran

HTTP

TU Tran

Directive

TU Tran

Component Directive

Attribute Directive

Structural Directive

Component Directive

TU Tran

Attribute Directive

TU Tran

Structural Directive

TU Tran

A Structural directive changes the DOM layout by adding and removing DOM elements. We've seen three of the built-in structural directives in other

chapters: ngIf, ngSwitch and ngFor.

TU Tran

Thank You