今天学习了AngularJS2.0的数据绑定
[attribute]: [属性]-绑定到视图的一种方式
(event): (事件)-附加事件处理程序
(^event): (^事件)-附加一个冒泡事件处理程序
[arrtibute|name]: [属性|名称]-与[属性]绑定一样，但还指定了一个局部变量（local variable）的名称来使用一个模板（template）
${expression}: ${表达式}-插入并绑定转换的字符串
如下例：
可以使用sublime text去写常用的html标签，我这里是这样的
template>div.class#border(content)>div.class#tabs>div.class#tab>img+span
1 <template> 2 <div class id="border"> 3 <content></content> 4 <div class id="tabs"> 5 <div class id="tab"> 6 <img src="" alt=""> 7 <span></span> 8 </div> 9 </div> 10 </div> 11 </template>
1 <template> 2 <div class id="border"> 3 <content></content> 4 <div class id="tabs"> 5 <div [ng-repeat|pane]="panes" class="tab" (^click)="select(pane)"> 6 <img [src]="pane.icon"> 7 <span>${pane.name}</span> 8 </div> 9 </div> 10 </div> 11 </template>
原文：http://www.cnblogs.com/cjxhd/p/5152650.html