国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Angular2中監聽數據更新的方法

2019-11-19 13:05:09
字體:
來源:轉載
供稿:網友

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中監聽數據更新的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 河源市| 内江市| 安乡县| 丁青县| 那坡县| 六枝特区| 屏东市| 洛扎县| 汾西县| 眉山市| 南和县| 吴江市| 西乡县| 嫩江县| 将乐县| 仁怀市| 嘉黎县| 湾仔区| 革吉县| 县级市| 磐石市| 前郭尔| 永春县| 广水市| 佛学| 金川县| 桦南县| 常州市| 任丘市| 招远市| 深水埗区| 延庆县| 察雅县| 福贡县| 涪陵区| 汉源县| 宁城县| 祁连县| 息烽县| 东乡族自治县| 类乌齐县|