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属性绑定
插值
标签:
上一篇:
android拖拽控件
下一篇:
nodejs实战之 jwt生成token以及 验证
相关文章
-
无相关信息