Rxjs-DOM 加载函数不触发角度 2

Question

我目前正在处理一个 Angular 2 项目，我只需要调用特定的函数，并且只有在加载页面上的所有元素之后。我尝试使用 Observable 中的 eventFrom 函数，当我期望"单击"操作时它有效，但是一旦我切换到"加载"，它根本没有触发。接下来，我尝试使用 Rxjs-DOM 加载函数，但它也没有触发。

这是我现在的代码：

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始终为 0。 如果我在那里设置一个timeout它将完美运行，因为所有元素都有 2-3 秒的时间来加载，然后temp不是空的。但在这种情况下，超时是不可取的。 我做错了什么吗？ 另一个问题是，在 Angular 2 中是否有任何其他方法可以在所有 dom 元素实际加载后调用函数。

提前谢谢你。

Answer 1

尝试ngZone.run.它将允许角度重新渲染最新模型。