Angular2中的双向绑定

举报
霍向明201811 发表于 2018/11/13 12:05:10 2018/11/13
【摘要】 双向绑定,也是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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。