Typescript 获取可观察值<；SomeObject>；在一个物体中

在Angular中，我定义了一个类别的接口。由于类别具有嵌套结构（通过定义父级），我在category.ts中定义了以下接口：

现在，如何获取模板中subCategories参数的值

界面

模板

{{cat？.display_name}

{{sub.name}}

---

它仅显示查询的顶级类别。

在模板中，在

类别之后使用
异步
管道。子类别
以确保使用从
子类别发出的最新值：

{{category.subCategories}异步}

文件：

编辑：

在第二个ngFor中，您的意思是执行
cat.subCategories | async
而不是
categories.subCategories | async
。这将确保显示每个类别的所有子类别。
当我这样做时（在NGF中循环所有顶级类别），没有显示任何内容，我确信顶级类别具有“子类别”属性和内容。我明白了。在第二个ngFor中，您的意思是执行cat.subCategories | async而不是categories.subCategories | async。这将确保显示每个类别的所有子类别。哇！没问题。很乐意帮忙！
import { Observable } from 'rxjs';

export interface Category{
    name: string,
    displayName: string,
    displayIndex: number;
    subCategories?: Observable<Category[]>;
    parent?: string;
}