Angular 垫子扩展面板主体赢得';我不能与ngFor合作

Angular 垫子扩展面板主体赢得';我不能与ngFor合作,angular,angular-material,frontend,Angular,Angular Material,Frontend,我正在尝试实现一个mat手风琴,其中mat扩展面板主体显示阵列的信息。数组没有固定长度,因此我尝试使用*ngFor向正文添加内容。但身体是空的 我检查了for循环是否正确地访问了对象,确实如此,向扩展面板添加多个段落也可以。 我不知道是否只是不支持在mat扩展面板中添加ngFor内容 html <mat-accordion> <mat-expansion-panel *ngFor="let day of days"> <mat-expansion-pan

我正在尝试实现一个mat手风琴,其中mat扩展面板主体显示阵列的信息。数组没有固定长度,因此我尝试使用*ngFor向正文添加内容。但身体是空的

我检查了for循环是否正确地访问了对象,确实如此,向扩展面板添加多个段落也可以。 我不知道是否只是不支持在mat扩展面板中添加ngFor内容

html

<mat-accordion>
  <mat-expansion-panel *ngFor="let day of days">
    <mat-expansion-panel-header>
      <mat-panel-title>
        {{day.date}}
      </mat-panel-title>
    </mat-expansion-panel-header>
    <p>Works without *ngFor</p>
    <p>Multiple work aswell</p>
    <p *ngFor="let subDay of day.subDay" class="grid5">
      {{subDay.name}}
    </p>
    </mat-expansion-panel>
</mat-accordion>
这是重新创建的问题


我希望扩展面板在扩展面板时也有“上午”、“下午”、“晚上”和“晚上”。

您的代码是正确的,问题是您的内部*ngFor应该是以下内容,而不是day。daily\u division作为day对象中数组的名称是subDay而不是daily\u division

<p *ngFor="let subDay of day.subDay" class="grid5">
  {{subDay.name}}
</p>

{{subDay.name}


我认为这对你有帮助

*ngFor=“让天的名称。子天”

{{name.name}

<p *ngFor="let subDay of day.subDay" class="grid5">
  {{subDay.name}}
</p>