1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/m310851010-ngx-watcher

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Это зеркальный репозиторий, синхронизируется ежедневно с исходного репозитория.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

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 )

Вы можете оставить комментарий после Вход в систему

Введение

Описание недоступно Расширить Свернуть
Apache-2.0
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://gitlife.ru/oschina-mirror/m310851010-ngx-watcher.git
git@gitlife.ru:oschina-mirror/m310851010-ngx-watcher.git
oschina-mirror
m310851010-ngx-watcher
m310851010-ngx-watcher
master