Rxjs-DOMロード関数が角2を発生させない

Question

現在、特定の関数を呼び出す必要がある、そしてページのすべての要素がロードされた後にのみ、Angular 2プロジェクトで作業しています。私はObservableからeventFrom関数を使用しようとしましたが、これは 'クリック'操作を期待していましたが、一旦 'ロード'に切り替えると、全く起動しませんでした。 。火災のいずれか

ここでは、私が今持っているコードです：

ngAfterViewInit(): void { 
 
    let input = this.container.nativeElement.getElementsByClassName('list-item'); 
 

 
    let source = Rx.DOM.load(input); 
 

 
    let subscription = source.subscribe((x) => { 
 
     console.log('Next!'); 
 
    }, 
 
    (err) => { 
 
     console.log('Error: ' + err); 
 
    }, 
 
    () => { 
 
     let temp = this.container.nativeElement.getElementsByClassName('list-item'); 
 
     console.log(temp.length); 
 
    }); 
 

 
}

<div class="list-wrapper"> 
 
    <div class="list"> 
 
    <div class="list-item" *ngFor="let item of items"> 
 
     <img src={{item.image}} alt="{{item.title}}"> 
 
    </div> 
 
    </div> 
 
</div>

"@angular/core": "4.0.1", 
    "@types/rx-dom": "^7.0.0", 
    "angular2-infinite-scroll": "0.3.4", 
    "gulp-run": "1.7.1", 
    "rxjs": "5.2.1-smooth" 

temp.length私はtimeout番目に設定した場合は常に0 ですすべての要素が2〜3秒間ロードされてからtempが空でない場合、完全に動作します。しかし、タイムアウトはこの場合望ましくありません。 私が間違っていることはありますか？ もう1つの質問は、すべてのdom要素が実際にロードされた後にのみ、関数を呼び出すためにAngular 2に他の方法があるかどうかです。

ありがとうございます。

Answer 1

try ngZone.run。それは最新のモデルのために角張った再レンダリングを可能にする。あなたの応答は