Angular 4 无法读取未定义的属性 'id'

Question

我正在尝试使用 angular 4 来调用一个虚拟的 web api，这是我的组件

export class AppComponent {
    title = 'app';
    url = 'https://api.ipify.org/?format=json';
    results: any;

    constructor(private http: Http) {
        this.getData().subscribe(data => {
            this.results = data.json();
        })
    }

    getData() {
        return this.http.get(this.url);
    }

}

但是当我尝试显示它时，我得到了结果，但也出现了错误屏幕

ERROR TypeError: Cannot read property 'ip' of undefined

我想理解的是为什么会显示，因为一瞬间后数据显示很好。

Answer 1

在您的 *ngFor 中，您可以将其更改为 *ngFor="let r of results | async"

您的问题是数据还不存在，因此它无法读取 id 属性。

如果使用异步管道，它应该等待数据到来后再显示它。