Databinging数据绑定

今天学习了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>

 

posted on 2016-01-22 23:43  cjxhd  阅读(643)  评论(0)  编辑  收藏  举报

导航