以通用方式显示来自api的对象

Question

是否有一种很好的'通用'方式从该方法返回object：

getItems(){
    this.itemService.getAllWithPaging(this.params)
      .subscribe(res => {
        this.itemsAndPageableInfo = res;
      });
  }

然后以一种很好的方式显示sub objects？

我的response看起来像：

当我尝试显示.number时，我收到错误，这是undefined。 itemsAndPageableInfo的声明如下：itemsAndPageableInfo : any;。所以这可能是object等，但我没有定义sub objects和其他属性。有没有办法不定义所有这些sub objects和diisplay或使用sub object，进一步使用？

当然，在显示或使用它之前，我不想定义所有这些sub objects和其他属性。

Answer 1

您可以通过列出您的属性来加载html中的子属性

{{itemsAndPageableInfo?.totalPages}}

你想要安全导航操作符?所以你的代码在你等待http请求完成时不会抛出错误（因为itemsAndPageableInfo在加载时是未定义的）

安全导航操作员doc - https://angular.io/guide/template-syntax#safe-navigation-operator

Answer 2

尝试将*ngIf="itemsAndPageableInfo"添加到您要显示数据的html元素中。