素材巴巴 > 程序开发 >

Angular学习笔记(十)之数据绑定

程序开发 2023-09-03 10:07:01

数据绑定

数据绑定:将组件的控制器的属性和方法与模版连接起来

Angular默认使用单向数据绑定,双向数据绑定可选。AngularJs默认使用双向数据绑定,因为浏览器事件发生时,AngularJs会反复检查数据绑定表达式列表,直到所有数据都已经同步,但这样的做法相对来说更耗性能

数据绑定分为3种绑定形式

事件绑定

给一个事件指定一个处理方法

基本语法如下:
这里写图片描述

Tips:
- 等号右侧可以不是调用方法,可以是属性赋值
- 被绑定的事件可以是标准的DOM事件,也可以是任意事件(后续补充)

1.典型demo

//html:
 
 //ts:
 onButtonClick(event){console.log(event);
 }

2.事件绑定之属性赋值

//html:
 
 
{{save}} //ts: save:boolean = false;

DOM属性绑定

插值表达式=DOM属性绑定

插值


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。