加载后,所有扩展面板均处于带有角材料的打开状态

时间:2018-09-06 05:04:42

标签: html angular angular-material

我有手风琴,可以使用* ngFor创建扩展面板。它们工作正常,除了我试图使所有扩展面板在加载时扩展。目前,只有最后一个面板会显示扩展的休息保持关闭状态

<md-accordion>
<md-expansion-panel [expanded]="true" multi="true" *ngFor="let n in notes">
  <md-expansion-panel-header>
     <md-expansion-panel-title>
       <h5>{{n.title}}</h5>
     </md-expansion-panel-title>
  </md-expansion-panel-header>
    <div *ngFor="let h of n.items>
      {{h.item}}
    </div>
</md-expansion-panel>
</md-accordion>

请让我知道如何解决此问题,以便在加载时,所有面板都处于展开状态,而不仅仅是一个。 谢谢

1 个答案:

答案 0 :(得分:0)

multi指令放在<md-accordion>而不是<md-expansion-panel>上。

有关更多详细信息,请参见Expansion Panel docs