html - 加载后，所有扩展面板都处于打开状态，使用 Angular 材料

Question

我有使用 *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>

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

标签： htmlangularangular-material

Answer 1

将multi指令放在<md-accordion>and not上<md-expansion-panel>。

有关更多详细信息，请参阅扩展面板文档。