糖尿病康复,内容丰富有趣,生活中的好帮手!
糖尿病康复 > angular里什么是数据绑定(单向绑定 双向绑定 插值绑定)?

angular里什么是数据绑定(单向绑定 双向绑定 插值绑定)?

时间:2021-05-27 01:18:29

相关推荐

angular里什么是数据绑定(单向绑定 双向绑定 插值绑定)?

首先说一下分类

下面的例子可以解释:

<div><li>{{hero.name}}</li><app-hero-detail [hero]="selectedHero"></app-hero-detail><li (click)="selectHero(hero)"></li></div>

第一个<li>中,{{hero.name}},这是一个插值绑定,就是我们在控制器定义的变量,数据能直接显示到前台。

第二个[hero]属性绑定把父组件HeroListComponent的selectedHero的值传到子组件HeroDetailComponent的hero属性中。

第三个事件绑定给click绑定事件。

双向绑定:这个<input [(ngModel)]="myData">

主要作用:就是模板和控制器保持数据一致

我们在使用的时候要添加angular里的FormsMudule 模块

如果觉得《angular里什么是数据绑定(单向绑定 双向绑定 插值绑定)?》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。