欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angular2中監(jiān)聽數(shù)據(jù)更新的方法

 更新時間:2018年08月31日 10:36:50   作者:坐在那邊看天空  
今天小編就為大家分享一篇Angular2中監(jiān)聽數(shù)據(jù)更新的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

angular2 模型數(shù)據(jù)更新了,需要監(jiān)聽數(shù)據(jù)改變,

一、實現(xiàn)接口Docheck,檢測頁面上所有元素數(shù)據(jù)更新

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();
    }
   });
  }
 });
}

二、針對頁面上某個元素的數(shù)據(jù)更新做處理

1、定義模板驅(qū)動表單名

<input type="text" pInputText size="50" [formControl]="term" placeholder="輸入搜索條件">

2、ts 文件中新建一個表單元素對象。

colo = new FormControl();

3、ngonInit中訂閱數(shù)據(jù)更新

this.colo.valueChanges.distinctUntilChanged().subscribe((ast) => {
//do something
})

以上這篇Angular2中監(jiān)聽數(shù)據(jù)更新的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • AngularJS入門之動畫

    AngularJS入門之動畫

    AngularJS中ngAnimate模塊支持動畫效果,但是ngAnimate模塊并未包含在AngularJS核心庫中,因此需要使用ngAnimate需要在定義Module時聲明對其的引用。下面通過本文我們來看看AngularJS動畫的詳細(xì)介紹。
    2016-07-07
  • 深入理解angular2啟動項目步驟

    深入理解angular2啟動項目步驟

    本篇文章主要介紹了深入理解angular2啟動步驟 ,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • AngularJS上拉加載問題解決方法

    AngularJS上拉加載問題解決方法

    這篇文章主要介紹了AngularJS上拉加載問題解決方法的相關(guān)資料,該問題在項目中一直存在,小編給大家分享解決辦法,需要的朋友可以參考下
    2016-05-05
  • AngularJS控制器繼承自另一控制器

    AngularJS控制器繼承自另一控制器

    本文給大家介紹AngularJS控制器繼承自另一控制器的相關(guān)內(nèi)容,小編認(rèn)為介紹的非常不錯,具有參考借鑒價值,感興趣的朋友參考下吧
    2016-05-05
  • 詳解AngularJS中自定義過濾器

    詳解AngularJS中自定義過濾器

    過濾器(filter)正如其名,作用就是接收一個輸入,通過某個規(guī)則進(jìn)行處理,然后返回處理后的結(jié)果。主要用在數(shù)據(jù)的格式化上,例如獲取一個數(shù)組中的子集,對數(shù)組中的元素進(jìn)行排序等
    2015-12-12
  • AngularJS入門教程中SQL實例詳解

    AngularJS入門教程中SQL實例詳解

    本文主要介紹 AngularJS SQL,這里給大家整理了相關(guān)資料,并提供了實例代碼,有需要的小伙伴可以參考下
    2016-07-07
  • Angular6實現(xiàn)拖拽功能指令drag實例詳解

    Angular6實現(xiàn)拖拽功能指令drag實例詳解

    這篇文章主要為大家介紹了Angular6實現(xiàn)拖拽功能指令drag實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-11-11
  • AngularJS 依賴注入詳解及示例代碼

    AngularJS 依賴注入詳解及示例代碼

    本文主要介紹AngularJS 依賴注入的知識,這里整理了相關(guān)的基礎(chǔ)知識,并附示例代碼和實現(xiàn)效果圖,有興趣的小伙伴可以參考下
    2016-08-08
  • 在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來

    在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來

    這篇文章給的大家介紹在AngularJS中如何使用谷歌地圖把當(dāng)前位置顯示出來,本文介紹的非常詳細(xì),具有參考借鑒價值,對angularjs 谷歌地圖相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
    2016-01-01
  • Angularjs驗證用戶輸入的字符串是否為日期時間

    Angularjs驗證用戶輸入的字符串是否為日期時間

    這篇文章主要介紹了Angularjs驗證用戶輸入的字符串是否為日期時間,需要的朋友可以參考下
    2017-06-06

最新評論