angular2 模型数据更新了,需要监听数据改变,
一、实现接口Docheck,检测页面上所有元素数据更新
rush:js;">
import { Component,DoCheck } from "@angular/core";
export class LangListUserComponent implements DoCheck {
rush:js;">
constructor(private differs: keyvalueDiffers) {
}
{
this.objdiffer[elt] = this.differs.find(elt).create(null);
});
}
{
var objdiffer = this.objdiffer[elt];
var objChanges = objdiffer.diff(elt);
if (objChanges) {
objChanges.forEachChangedItem((elt) => {
if (elt.key === 'prop1') {
this.doSomethingIfProp1Change();
}
});
}
});
}
二、针对页面上某个元素的数据更新做处理
1、定义模板驱动表单名
rush:js;">
搜索条件">
2、ts 文件中新建一个表单元素对象。
rush:js;">
colo = new FormControl();
3、ngonInit中订阅数据更新
{
//do something
})
以上这篇Angular2中监听数据更新的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。