![](/img/trans.png)
[英]how to style the material-expansion panel from dart angular 2 material
[英]How can I switch the openAll() or closeAll() (button) from Angular Material expansion panel?
我想在 2 个按钮之间切换:OpenAll 和 CloseAll。
如果它全部打开或关闭,我可以阅读 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>
您可以访问isExpanded
属性。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.