如何使用angular在json/json中显示对象内部的数据

我得到这个JSON

[
    {
        "id": 11,
        "parent_category": null,
        "name": "name11"
    },
    {
        "id": 12,
        "parent_category": {
            "id": 11,
            "name": "name11",
            "parent_category": null
        },
        "name": "name12"
    },
    {
        "id": 13,
        "parent_category": {
            "id": 11,
            "name": "name11",
            "parent_category": null
        },
        "name": "name13"
    }  
]

我想在视图

parent\u category中显示。name

其中

parent\u category

不为空

  <mat-select formControlName="parent_category">
                      <mat-option>--</mat-option>
                      <mat-option *ngFor="let p_g of mydata" [value]="p_g.id">
                        {{p_g.name}}
                      </mat-option>
                    </mat-select>

--
{{p_g.name}

---

请告诉我如何显示它，好吗？

您需要访问内部对象

父类

<mat-option *ngFor="let p_g of mydata" [value]="p_g.id">
      {{p_g.parent_category?.name}}
 </mat-option>

{{p_g.parent_category？.name}

这将呈现一个“空”选项，这可能不是OP想要的。