微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angular2中监听数据更新的方法

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 举报,一经查实,本站将立刻删除。

相关推荐