Angular2中的双向绑定
【摘要】 双向绑定,也是Angular2的核心概念之一,Angular2的双向绑定是这样的:data=>view:数据绑定,模板语法是 []view=>data:事件绑定,模板语法是 ()Angular其实并没有一个双向绑定的实现,他的双向绑定就是数据绑定+事件绑定,模板语法是 [()] 。Angular2官方给的例子:<!--value是数据绑定,input是事件绑定--> <input [valu...
双向绑定,也是Angular2的核心概念之一,Angular2的双向绑定是这样的:
data=>view:数据绑定,模板语法是 []
view=>data:事件绑定,模板语法是 ()
Angular其实并没有一个双向绑定的实现,他的双向绑定就是数据绑定+事件绑定,模板语法是 [()] 。
Angular2官方给的例子:
<!--value是数据绑定,input是事件绑定-->
<input [value]="currentHero.name"
(input)="currentHero.name=$event.target.value"
>
<!--等价-->
<input [(ngModel)]="currentHero.name">
作者:Husbin
链接:https://www.jianshu.com/p/cee44e8831c9
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)