[英]How can I switch the openAll() or closeAll() (button) from Angular Material expansion panel?
I want to switch between 2 buttons: OpenAll and CloseAll.我想在 2 个按钮之间切换:OpenAll 和 CloseAll。
Can I read a boolean of mat-accordion if it's all opened or closed?如果它全部打开或关闭,我可以阅读 mat-accordion 的 boolean 吗?
<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>
You can access isExpanded
property.您可以访问
isExpanded
属性。
See: https://material.angular.io/components/expansion/api见: https://material.angular.io/components/expansion/api
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.