美文网首页每天学点Angular2
angular2:数据绑定的基本概念

angular2:数据绑定的基本概念

作者: SelinaFFighting | 来源:发表于2017-04-12 17:45 被阅读0次

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

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

  1. {{ variable }} : 插值表达式。方向是从COMPONENT--->DOM。
  2. [property]="variable" : 属性绑定。方向同样是从COMPONENT-->DOM。
  3. (event)="handler" : 事件绑定。方向是DOM-->COMPONENT。
  4. [(ngModel)]="variable" : 双向数据绑定。方向是双向的 DOM<-->COMPONENT。

相关文章

  • angular2:数据绑定的基本概念

    前面有写到input的双向数据绑定,但除了双向数据绑定外,还存在单向数据绑定的概念,比如angular2:组件间的...

  • ionic4 Hybrid App开发(二)

    一、angular2基本语法 ** a、数据绑定** ** b、ng指令** 需要注意的是,...

  • angular2--数据绑定

    今天要跟大家分享的是angular2模板中涉及到的数据绑定,Angular提供了多种数据绑定方式,可以根据数据流...

  • Angular2 核心概念

    @[toc] Angular2的核心组件 组件 元数据 模板 数据绑定 服务 指令 依赖注入 模块在这里插入图片描...

  • 走进Angular4的大门

    版本发行速度 Angular2 Angular新架构 javascript不可变对象 组件类 数据绑定 依赖注入 ...

  • 微信小程序入门(二)

    wxml数据绑定基本概念WXML 中的动态数据均来自对应 Page 的 data。 使用方法数据绑定在wxml模板...

  • Angular2的数据绑定

    前言 NG的核心部分之一就是数据绑定。它们是内嵌在HTML里面的表达式,用来在HTML文档里产生动态内容。 举个例...

  • vue的初识及基本语法、指令

    MVVM的基本概念: M指的是数据(model),V是视图,VM是视图模型,将数据绑定视图上(双向绑定),view...

  • 问题汇总

    遇到问题会不断更新 1、angular2 返回的字符串数据怎么转换成html 双向绑定的数据显示到页面上都会当做字...

  • angular2 ---- 绑定

    数据源到视图目标的绑定 即从组件中读取数据展示在视图上,如,使用字符串设置元素的属性值。 这里的属性值(DOM的p...

网友评论

    本文标题:angular2:数据绑定的基本概念

    本文链接:https://www.haomeiwen.com/subject/agbmattx.html