ngx-watcher
Сервис для отслеживания изменений данных на основе Angular 6.
npm install ngx-watcher --save
Для проектов Angular 6 конфигурация не требуется.
Для Angular 4 и Angular 5 необходимо настроить файл 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}`)
);
}
}
Проект создан с помощью Angular CLI версии 6.0.7.
Запустите сервер разработки с помощью команды ng serve
. Затем откройте браузер и введите адрес http://localhost:4200/
.
npm run build:lib
Файлы после компиляции находятся в каталоге dist/ngx-watcher.
Эффект от запуска можно увидеть здесь: https://github.com/m310851010/ngx-watcher/raw/master/run.gif.
Apache-2.0
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )