Guest User

Untitled

a guest
Jan 17th, 2018
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.40 KB | None | 0 0
  1. private data : Observable<Array<any>>;
  2. private dataObserver: Observer<Array<any>>;
  3. private sub : Subscription;
  4. private items: <Array<any>>;
  5.  
  6. ngOnInit() {
  7. this.items = itemService.getItems();
  8. this.data = new Observable<Array<any>>(observer =>{
  9. this.dataObserver = observer;
  10. });
  11. this.data.subscribe(
  12. x => console.log('onNext: %s', x),
  13. e => console.log('onError: %s', e),
  14. () => console.log('onCompleted')
  15. );
  16. this.dataObserver.next(this.items);
  17. }
  18.  
  19.  
  20. private start(){
  21.  
  22. //change values of the array in an interval
  23. let loop = Observable.interval(250)
  24. let i=0;
  25. self.sub = loop.subscribe(() => {
  26. if(self.items[0]){
  27. self.items[0].id= i;
  28. if(i<100) i++;
  29. else i=1;
  30. }
  31. })
  32. }
  33.  
  34. // inject a differ implementation
  35. constructor(differs: KeyValueDiffers) {
  36. // store the initial value to compare with
  37. this.differ = differs.find({}).create(null);
  38. }
  39.  
  40. @Input() data: any;
  41.  
  42. ngDoCheck() {
  43. var changes = this.differ.diff(this.data); // check for changes
  44. if (changes && this.initialized) {
  45. // do something if changes were found
  46. }
  47. }
  48.  
  49. import { Component, DoCheck } from "@angular/core";
  50. export class LangListUserComponent implements DoCheck {
  51.  
  52. constructor(private _languageService: LanguageService)
  53. {}
  54.  
  55. ngDoCheck() {
  56. /** Get available lang */
  57. this.oLanguages = this._languageService.getLanguageList();
  58. this.setCurrentLang(this.oLanguages);
  59. };
  60. }
  61.  
  62. import { DoCheck, KeyValueDiffers, KeyValueChangeRecord } from '@angular/core';
  63.  
  64. private _differ: any;
  65.  
  66. constructor(private _differs: KeyValueDiffers) {
  67. this._differ = _differs.find({}).create();
  68. }
  69.  
  70. ngDoCheck() {
  71. const change = this._differ.diff(this.student);
  72. if (change) {
  73. change.forEachChangedItem(
  74. (record: KeyValueChangeRecord<any, any>) => {
  75. console.log(record.key + ': ' + record.previousValue + '=>' + record.currentValue) });
  76.  
  77. change.forEachRemovedItem(
  78. (record: KeyValueChangeRecord<any, any>) => {
  79. console.log(record.key + ': ' + record.previousValue + '=>' + record.currentValue) });
  80.  
  81. change.forEachAddedItem((record: KeyValueChangeRecord<any, any>) => {
  82. console.log(record.key + ': ' + record.previousValue + '=>' + record.currentValue) });
  83. }
  84. }
Add Comment
Please, Sign In to add comment