2 回答

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊
好的!因此,這里找到了一種在頁(yè)面加載時(shí)也控制按鈕狀態(tài)的解決方案。
isOpenEver = false;
get openCloseState(): string|undefined{
if(!this.isOpenEver){
return undefined;
}
return this.isOpen ? 'open' : 'closed';
}
togglePanel(): void {
this.isOpenEver = true;
this.isOpen = !this.isOpen;
}
并使用HTML按鈕中的狀態(tài):
<button [class.button-resize-expand]="!isOpen"
[class.button-resize-collapse]="isOpen"
(click)="togglePanel()" [@openClose] ="openCloseState">
<mat-icon class="rotate-chevron" [class.rotate-clicked]="!isOpen">{{isOpen ? 'chevron_left' : 'chevron_right'}}</mat-icon>
</button>
這也是更新的stackblitz
添加回答
舉報(bào)