javascript - Otevřít mat-expansion-panel POUZE při kliknutí na tlačítko

Existuje způsob, jak mohu nastavit, aby se můj mat-expansion-panel otevřel POUZE KDYŽ kliknu na určité tlačítko?

Přemýšlím o tom, že bych měl seznam informací, na kterém bych mohl kliknout na ikonu úprav, což by způsobilo rozšíření a odhalilo možnosti úprav...

Samozřejmě, nechci, aby se panel rozbaloval při náhodném kliknutí na řádek, ale pouze na ikonu pro úpravy...

Odpověď č. 1

musíte do svého souboru styles.css přidat následující kód:

span.mat-expansion-indicator
{
   pointer-events: visiblefill !important; 
}

mat-expansion-panel-header 
{
   pointer-events: none;
}

Odpověď č. 2

#HTML KÓD:

<mat-expansion-panel [expanded]="panelOpenState">

<mat-expansion-panel-header>
    <mat-panel-title>
        Edit
    </mat-panel-title>
</mat-expansion-panel-header>
<p>Edit Body</p>
</mat-expansion-panel>

<button (click)="togglePanel()">Edit</button>

#TS KÓD:

panelOpenState: boolean = false;

togglePanel() {
this.panelOpenState = !this.panelOpenState
}