Angular中，怎么让 setter 检测到可变对象（比如一个对象或对象数组）中值的变化？

qq_29861335 2019-09-16 02:52:15

需要在setter中对数据进行一些处理，在组件外部修改了某个属性，怎么才能监测到这个修改？

...全文

186 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

漠子凉 2019-09-17

打赏
举报

回复

本身每次赋值的时候都会触发setter，按正常来说肯定是会有旧值和新值一起传递给你的setter，自己去递归比对，一般我们使用vue的watch和computed它是内部集成了比对

本文深入探讨Angular中的变更检测机制，包括变更检测的基本概念、何时触发变更检测、如何更高效地执行变更检测等内容。

在Angular中，可以使用ngOnChanges生命周期钩子或输入属性setter来监听并响应输入组件值的变化。ngOnChanges允许你一次性获取所有输入的更改，方便比较旧值和新值。而输入属性setter更适合仅针对单个输入变化执行操作的情况。当传递的对象或数组导致变更检测不触发时，可能需要借助ChangeDetectorRef或NgZone来确保Angular感知到外部变化。

决定学习 Angular 可能会感到相当压倒性。这是因为编写 Angular 应用程序的默认方式是使用超集语言 TypeScript，这是一种相对较新的语言。具有讽刺意味的是，TypeScript 通过提供严格类型（如 Java 等严格类型语言中看到的那样）简化了 Angular 应用程序的编写方式，这提高了我们编写的应用程序的预测行为。本书旨在通过解释 TypeScript 的核心概念，帮助那些对 TypeScript 或严格类型知之甚少或一无所知的初学者/中级 Angular 开发者。成员。

让我们谈谈表单。自本书开始以来，我们一直在避免在示例中使用表单输入。这是因为我想把整个章节都专门用于表单。我们将涵盖尽可能多的内容，以构建收集用户信息的业务应用程序。以下是您可以从本章中期待的内容：类型化表单输入和输出表单控件验证表单提交和处理事件处理控件状态我们希望尽可能地利用 TypeScript，因为它简化了我们的开发过程，并使我们的应用行为更可预测。因此，我们将创建一个简单的数据类作为表单值的类型。首先，创建一个新的 Angular 项目来跟随示例。然后，使用以下命令创建一个新的类：该类在文件夹中

Vue.js 的双向数据绑定通过 Object.defineProperty() 实现，结合发布订阅模式，监听并劫持对象属性的 getter 和 setter，实现数据变化时视图的自动更新。Angular 则依赖脏值检查机制。Vue 中，当属性值改变时，setter 触发更新所有依赖该属性的视图组件。面试中，可以简洁地概括为利用 defineProperty 的 getter/setter 实现数据监听和视图同步。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章