Angular教程

Angular 数据绑定

数据绑定是Angular的强大功能。 Angular数据绑定用于通信。它用于在TypeScript代码(您的业务逻辑)和显示给用户的其他组件(即HTML布局)之间进行通信。
数据绑定是必要的,因为当我们在TypeScript中编写代码时,会对其进行编译到JavaScript,结果显示在HTML布局上。因此,为了向用户显示正确和自发的结果,必须进行适当的通信。这就是为什么在Angular中使用数据绑定的原因。
数据绑定有两种类型:
单向数据绑定
单向数据绑定是一种简单的单向通信,其中,当我们在TypeScript代码中进行更改时,HTML模板也会更改。
在单向数据绑定中,模型用于视图(HTML页面)中,但是您不能从视图中更新模型。角插补/字符串插补,属性绑定和事件绑定是单向数据绑定的示例。
双向数据绑定
在双向中数据绑定,在模型和视图之间会发生数据的自动同步。在这里,变化体现在两个方面。每当您在模型中进行更改时,它都会反映在视图中,而当您在View中进行更改时,它就会反映在模型中。
此操作会立即自动进行,以确保HTML模板和TypeScript代码会随时更新。
Angular Databinding
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4