javascript - Angular 的 ngOnInit 和通过 Observable 返回记录的时间

Question

我正在使用一个可观察对象来跟踪我的 Angular 2 应用程序中的一组记录。

因为这个 observable 的结果存储在“records”中，我使用“records”迭代并使用 *ngFor="let record of records"打印到我的 View 。这一切都按预期工作。

但是，我想弄清楚为什么如果我有一个单独的函数来控制台记录记录数组的长度，我会返回“0”。

现在我正在 Angular 的 ngOnInit 生命周期 Hook 中完成所有这些工作。所以它看起来像这样:

ngOnInit() {
    this.clientService.getAllClients()
        .subscribe(resRecordsData => this.records = resRecordsData,
        responseRecordsError => this.errorMsg = responseRecordsError);

    this.isActive();
}

在 OnInit 下，我正在为“isActive”设置我的方法，如下所示:

isActive() {
    console.log('The total number of active records is ' + this.records.length);
}

我猜问题是“记录”在 OnInit 期间的 console.log 时不可用。一旦返回“records”，我可以做些什么来获取数组的实际长度？

Answer 1

如果你想访问.subscribe()的success参数中的数据你仍然可以使用匿名函数，你只需要修改它的写法:

ngOnInit() {
    this.clientService.getAllClients()
        .subscribe(resRecordsData => { // note the curly braces
            this.records = resRecordsData;
            this.isActive();
        },
        responseRecordsError => this.errorMsg = responseRecordsError);
}

添加大括号允许多行匿名方法。