角型2のグローバルサーバー側変数の変更を見る方法

Question

電子&ノードを使用して角度2のアプリケーションを作成しています。サーバー上で実行されるテストがあり、結果はtestResultsというグローバル変数配列に1つずつ出力されます。しかし、私は、オブジェクトが配列に追加されたときにイベントをトリガーする角度になっ運を持っていない

declare var testResults: any; 

：私が使用して角度にそれを引っ張って何の問題もありません。この配列の変更を監視する方法はありますか？私はonChangesとdoCheckを試したが運がなかった。

これは私が私のコンポーネントを持っているものです。

import {Component, Input, OnChanges, SimpleChange, OnInit} from   'angular2/core'; 

declare var testResults: any; 

@Component({ 
selector: 'test-results', 
template: `{{ testResultsItem }} 
`, 
}) 

export class TestResultsComponent implements OnChanges{ 
    @Input() testResultsItem = testResults; 

ngOnChanges(changes: {[ propName: string]: SimpleChange}) { 
    console.log('Change detected:', changes[this.testResultsItem].currentValue); 
    console.log(this.testResultsItem); 
} 
} 

私はすべてが第二私はコンソールの配列の変更を参照していますコンソールでその配列をログに記録するsetIntervalを実行すると。また、{{testResults}}のDOM内で更新されます。しかし、角度がsetIntervalを実行するのではなく、この変更を検出する方法が必要ですか？どんな助けもありがとう！私が使用してIterableDiffersしようとしたときにここで

です：あなたがあなたのtempalteを変更した場合

import {Component, Input, OnChanges, SimpleChange, OnInit, IterableDiffers, ChangeDetectorRef, IterableDiffer, Directive, DoCheck} from 'angular2/core'; 

declare var testResults: any; 

@Component({ 
selector: 'test-results', 
template: `{{ testResultsItem | json }} 
`, 
inputs: ['testResults'] 
}) 

export class TestResultsComponent implements DoCheck{ 

private testResultsItem = testResults; 
private differ:IterableDiffer; 
constructor(private changeDetector:ChangeDetectorRef, private differs:IterableDiffers) { 
this.differ = differs.find([]).create(null); 
} 

set testReults(test:any) { 
    this.testResultsItem = test; 
    if (test && !this.differ) { 
     this.differ = this.differs.find(test).create(this.changeDetector); 
    } 
} 
ngDoCheck(){ 
    if (this.differ) { 
     const changes = this.differ.diff(this.testResultsItem); 
     if (changes) { 
      console.log('FIRE!'); 
     } 
    } 
    } 
} 

Answer 1

を

template: `{{ testResultsItem | json }} 

そしてAngular2は、オブジェクト内の変更をチェックしません