Angular2中监听数据更新的方法
angular2 模型数据更新了，需要监听数据改变，
一、实现接口Docheck，检测页面上所有元素数据更新
import { Component, DoCheck } from "@angular/core";
export class LangListUserComponent implements DoCheck {
constructor(private differs: KeyValueDiffers) {
}
ngOnInit() {
this.objDiffer = {};
this.list.forEach((elt) => {
this.objDiffer[elt] = this.differs.find(elt).create(null);
});
}
ngDoCheck() {
this.list.forEach(elt => {
var objDiffer = this.objDiffer[elt];
var objChanges = objDiffer.diff(elt);
if (objChanges) {
objChanges.forEachChangedItem((elt) => {
if (elt.key === 'prop1') {
this.doSomethingIfProp1Change();
}
});
}
});
}
二、针对页面上某个元素的数据更新做处理
1、定义模板驱动表单名
<input type="text" pInputText size="50" [formControl]="term" placeholder="输入搜索条件">
2、ts 文件中新建一个表单元素对象。
colo = new FormControl();
3、ngonInit中订阅数据更新
this.colo.valueChanges.distinctUntilChanged().subscribe((ast) => {
//do something
})
以上这篇Angular2中监听数据更新的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
我是React native和firestore的初学者，使用它们来构建一种社交媒体应用程序，我有一个奇怪的问题（我认为我构建数据库的方式不对）。我想有一个feed，所有的帖子，没有追随者，没有任何东西。我第一次在db中构建帖子时是这样的：用户（集合）- 所以我像这样重新构建了数据库：2个主集合、帖子和用户。完全不同。在用户集合中，只有用户及其数据的文档（姓名、年龄等）。在另一个中，他们的帖子（姓
-
NodeJS noob正在签入。我正在查看.listen方法的文档，该方法的格式如下： 端口/主机名的解释指出： 开始接受指定端口和主机名上的连接。如果省略主机名，服务器将接受指向任何IPv4地址的连接 我不完全理解“如果省略主机名，服务器将接受指向任何IPv4地址的连接”部分。服务器如何接受到任何IP地址的连接？是服务器接受什么而不是它能接受什么让我觉得奇怪吗？
-
Object.defineProperty() 简单用法： /* Object.defineProperty(obj, prop, descriptor) */ var o = { a: 0 } Object.defineProperty(o, 'b', { get: function () { console.log('get') return
-
问题内容： 我正在寻找一种创建简单的HTML表的方法，该表可以在数据库更改事件发生时进行实时更新。特别是添加了新记录。 换句话说，将其视为执行人员仪表板。如果进行了销售并且在数据库中添加了新行（在本例中为MySQL），则网页应使用新行“刷新”表。 我已经看到了有关新用法的一些信息，但是所有示例都将Coldfusion用作“推动者”，而不是“消费者”。我想让Coldfusion既将事件更新/推送到网
-
我做了一个程序，动态地从一个面板获取数据，但是我的代码需要用户点击输入按钮来更新数据。有没有一个更改监听器或其他监听器可以在任何时候更新Jtext field中的数据？谢谢！
-
我正在实现数据库侦听器功能，为此，我使用了oracle的接口。 我已经包含了对pom的正确依赖关系。xml 下载并驻留在类路径中。 但IntelliJ idea抱怨说， 变通方法 通过文件清除缓存|无效缓存/重启 删除。想法和其他IntelliJ相关文件并重新启动 删除整个. m2文件夹并重新导入 什么都帮不了我。 如果有人帮我解决这个问题，我将不胜感激。 提前谢谢。！！！ 波姆。xml