码迷,mamicode.com
首页 > 其他好文 > 详细

Angular中的数据绑定

时间:2019-12-27 13:48:04      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:临时   指令   hid   cli   双向数据绑定   angular   color   事件   lock   

(1)HTML绑定:{{}}

(2)属性绑定:[]

注意:属性绑定通常赋值为变量,如果赋值为常量(如字符串常量)

必须用引号括起来,如<img [src]="‘../../assets/‘+imgUrl">

(3)事件绑定:()

   (click)="add()"

   注意:事件名用()括起来,处理函数后必须有()

(4)指令绑定

(5)双向数据绑定

Vue.js中的常用命令:v-on、v-bind、v-for、v-if、v-show、v-hide、v-else、v-text/html、v-clock

2.Angular中的指令系统

(1)循环绑定  *ngFor

    <ANY  *ngFor="let 临时变量 of 数据">

    <ANY  *ngFor="let 临时变量 of 数据;  let i=index;">

    <ANY  *ngFor="let 临时变量 of 数据;  index as i ">

Angular中的数据绑定

标签:临时   指令   hid   cli   双向数据绑定   angular   color   事件   lock   

原文地址:https://www.cnblogs.com/sna-ling/p/12106688.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!