Angular Tutorials
angular2 in 15min Duncan Hunter youtube
http://www.angulartypescript.com/angular-2-tutorial/
This tutorial is a practical Angular 2 resource for programmers who are building or want to build web client applications under HTML and Typescript (Typescript is compiled into JavaScript).
We will discover the Angular 2 architecture, directives, components, services, routing, styling, events, validation, unit testing, and everything we need in our daily work
http://www.angulartypescript.com/angular-2-data-binding/
Data binding is the mechanism used to ensure the linking between what a user see on the screen and the data value in our class. (Front <-> Back)
Angular 2 uses a Framework to manage the Data binding. Binding is 2 way - you type into the field and the object gets updated. Update the object and the control is updated.
All what you need to do is to declare the binding between a source and a target.
Example : <input type=’’Text’’ [(target)] = “expression” value=’myData’>
angular2 in 15min Duncan Hunter youtube
http://www.angulartypescript.com/angular-2-tutorial/
This tutorial is a practical Angular 2 resource for programmers who are building or want to build web client applications under HTML and Typescript (Typescript is compiled into JavaScript).
We will discover the Angular 2 architecture, directives, components, services, routing, styling, events, validation, unit testing, and everything we need in our daily work
http://www.angulartypescript.com/angular-2-data-binding/
Data binding is the mechanism used to ensure the linking between what a user see on the screen and the data value in our class. (Front <-> Back)
Angular 2 uses a Framework to manage the Data binding. Binding is 2 way - you type into the field and the object gets updated. Update the object and the control is updated.
All what you need to do is to declare the binding between a source and a target.
Example : <input type=’’Text’’ [(target)] = “expression” value=’myData’>
- One-way (from data to view –>):
Interpolation : {{expression}}
Property : [target]
Attribute : [attr.]
Class : [class.]
Style :[style.]
Property : [target]
Attribute : [attr.]
Class : [class.]
Style :[style.]
- One-way (from view to data <–)
Event : (click)= ‘’expression ‘’
- Two-way (<—->)
Two-way : [(target)] = “expression“
