angular2:数据绑定的基本概念

前面有写到input的双向数据绑定，但除了双向数据绑定外，还存在单向数据绑定的概念，比如angular2:组件间的属性如何绑定一文中介绍的属性绑定。

angular数据绑定的语法有四种形式，每种形式都有一个方向：

  1. {{ variable }} : 插值表达式。方向是从COMPONENT--->DOM。
  2. [property]="variable" : 属性绑定。方向同样是从COMPONENT-->DOM。
  3. (event)="handler" : 事件绑定。方向是DOM-->COMPONENT。
  4. [(ngModel)]="variable" : 双向数据绑定。方向是双向的 DOM<-->COMPONENT。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Angular4-学习笔记-4-模板语法
    学习资料来自 Angular.cn 与 Angular.io。 模板语法 在线例子 在 Angular 中，组件扮...
    小镭Ra阅读 3,787评论 0赞 3
  • ng2数据绑定
    数据绑定为应用程序提供了一种简单一致的机制，来管理与协调数据的显示，以及数据值的变化。angular提供了多种数据...
    oWSQo阅读 730评论 0赞 1
  • angular2 应用的基本构造块
    Angular 2 是一个用 HTML 和 JavaScript 或者一个可以编译成 JavaScript 的语言...
    赵然228阅读 680评论 1赞 4
  • 20岁的理财建议（一）
    有这么一个故事。 三个人将要被关进监狱10年。 在入狱前，监狱长答应满足他们每人一个要求。第一个是俄国人。俄国人爱...
    田乐淘阅读 6,803评论 26赞 178
  • 关于生活
    你以为你是世界的中心，但你不是。 你认为你是父母最爱的孩子，但你别忘了你还有其他的兄弟姐妹；你以为你...
    木讷huan阅读 178评论 0赞 0