Angular2中监听数据更新的方法

  

angular2模型数据更新了,需要监听数据改变,

  

        从“@angular进口{组件,DoCheck}/核心”;   出口类LangListUserComponent实现DoCheck {            构造函数(私人不同:KeyValueDiffers) {   }            ngOnInit () {   这一点。objDiffer={};   this.list.forEach((英语教学)=比;{   这一点。objDiffer(英语教学)=this.differs.find(英语教学)共创(空);   });   }            ngDoCheck () {   this.list。forEach(英语教学=比;{   var objDiffer=this.objDiffer(英语教学);   var objChanges=objDiffer.diff(英语教学);   如果(objChanges) {   objChanges.forEachChangedItem((英语教学)=比;{   如果(英语教学。键===prop1) {   this.doSomethingIfProp1Change ();   }   });   }   });   }      

  

<强> 1,定义模板驱动表单名

        & lt;输入类型=拔谋尽眕InputText大?[formControl]“50”=罢嘉环?笆淙胨阉魈跫痹?/pre>      

<强> 2,ts文件中新建一个表单元素对象。

        科罗拉多州=new FormControl ();      

<强> 3,ngonInit中订阅数据更新

        this.colo.valueChanges.distinctUntilChanged () .subscribe ((ast)=比;{//做某事   })   之前      

以上这篇Angular2中监听数据更新的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

Angular2中监听数据更新的方法