如何从 Angular Material 扩展面板切换 openAll() 或 closeAll() （按钮）？

Question

我想在 2 个按钮之间切换：OpenAll 和 CloseAll。

mat-accordion 是否全部打开或关闭，我可以读取一个布尔值吗？

<div class="row">
    <mat-icon *ngIf="accordion.open()" (click)="accordion.openAll()">open_in_full</mat-icon>
    <mat-icon *ngIf="!accordion" (click)="accordion.closeAll()">close_fullscreen</mat-icon>
</div>
<div class="message-box row" *ngIf="notes.length; else noResult">
    <mat-accordion multi>
        <mat-expansion-panel *ngFor="let note of notes" [expanded]="0">
            <mat-expansion-panel-header>
                <mat-panel-title class="col-6">
                    {{note.title}}
                </mat-panel-title>
                <mat-panel-description class="col-6">
                    {{note.created | date:'dd.MM.yyyy'}}
                </mat-panel-description>
            </mat-expansion-panel-header>
            <p>{{note.note}}</p>
        </mat-expansion-panel>
    </mat-accordion>

Answer 1

您可以访问 isExpanded 属性。

参见： https://material.angular.io/components/expansion/api

如何从 Angular Material 扩展面板切换 openAll() 或 closeAll() （按钮）？

How can I switch the openAll() or closeAll() (button) from Angular Material expansion panel?

angular

typescript

angular-material

angular11