瞭解angular2--template(譯)

Angular新舊版本的template很類似,讓咱們根據一個簡答的模板來了解一下ng2

<div>
  Hello my name is {{name}} and I like {{thing}} quite a lot.
</div>

{{}}:rending ---用兩個大括號來傳遞變量值

[]:屬性綁定---用中括號來綁定變量和組件

<video-control [player]="myPlayer"></video-control>

若是<video-control>組件中已經聲明瞭player屬性,那麼經過這個組件中的類生成的實例均可以被使用

():監聽事件

<my-component (click)="onClick($event)"></my-component>

若是要讓事件冒泡到他的父元素上,只須要用在事件前加上`便可

<my-component (^click)="onClick($event)">
  <button>I bubble up</button>
</my-component>

*:星號根據後面的標記嵌入一個新的模板頁面到這個組件中,就像這樣

<my-component *ng-for="object in array">
</my-component>>

這將會在組件中插入一個新的頁面,而沒必要向這個組件傳遞數據

原文連接angular2的模板