angular2学习---模板学习

英文网址：https://angular.io/docs/js/latest/guide/cheatsheet.html

angular2中双引号包含表达式，猜的：）

<input [value]="firstName">               将标签的value与表达式firstName的结果绑定，只是单向绑定

<div [attr.role]="myAriaRole">　　      将标签的role属性与表达式myAriaRole的结果相绑定，单向绑定

<div [class.extra-sparkle]="isDelightful">  如果表达式isDeligntful的结果为真，extra-sparkle将添加到class中

<div [style.width.px]="mySize">　　  样式内容赋值

<button (click)="readRainbow($event)"> 　　绑定readRainbow($event)到click事件中

<div title="Hello {{ponyName}}">　　　　　等价于<div [title]="'Hello' + ponyName">

<p>Hello {{ponyName}}</p>　　　　　　将表达式ponyName的内容呈现，例如 Hello you

<my-cmp [(title)]="name">　　　　　　双向绑定， 将title与name双向绑定