При нагрузке все панели расширения в открытом состоянии с угловым материалом

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>

Пожалуйста, дайте мне знать, как это исправить, чтобы при загрузке все панели были в развернутом состоянии, а не одна. Спасибо

Answer 1

Поместите директиву multi на <md-accordion>, а не <md-expansion-panel>.

Подробнее см. Документы панели расширения .