开源软件名称：

ngx-watcher

开源软件地址：

https://gitee.com/m310851010/ngx-watcher

开源软件介绍：

ngx-watcher

基于angular6实现数据变化监听的service

安装

npm install ngx-watcher --save

配置

对于angular6项目不需要配置, Ok!

对于angular4,angular5 配置app.module.ts文件

@NgModule({  ...  providers: [NgxWatcherService],  ...})export class AppModule { }

使用

 import {KvWatcher, IterWatcher, NgxWatcherService} from 'ngx-watcher'; @Component({...})  export class TestComponent implements DoCheck {    private kvWatcher: KvWatcher<any>;   private iterWatcher: IterWatcher<any>;    value = {}; // keyValue类型   array = []; // 可迭代类型    constructor(private service: NgxWatcherService) {     this.kvWatcher = service.of(this.value);     this.iterWatcher = service.ofIter(this.array);   }    ngDoCheck(): void {     this.kvWatcher.watch(       this.value,       v => console.log(`change after value:`, v),       (t, v) => console.log(`changed value: WatchChangeType=${t} ${v.key} ${v.previousValue} ${v.currentValue}`)     );      this.iterWatcher.watch(       this.array,       v => console.log(`change after value:`, v),       (t, v) => console.log(`changed value: WatchChangeType=${t} ${v.currentIndex} ${v.item} ${v.previousIndex} ${v.trackById}`)     );   } }