如何在角材料的垫子扩展面板中管理扩展动作

时间:2021-05-21 07:59:04

标签: angular-material mat-expansion-panel

https://stackblitz.com/edit/planificador?file=src/app/planificador/components/sidenav/sidenav.component.ts

在 MainContentComponent 中,我有这个垫子扩展面板

 <mat-accordion>
<mat-expansion-panel [expanded]="isExpanded">
  <mat-expansion-panel-header>
    <mat-panel-title>
      Históricos
    </mat-panel-title>
  </mat-expansion-panel-header>
  <app-historicos [proyectoId]='proyecto.id'></app-historicos>
</mat-expansion-panel>

我展示另一个组件的地方

app-historicos

当我双击网格时,我想关闭垫子扩展面板,所以我这样做

this.parameterService.updateIsExpanded(false);

在那个服务中,我有这个

 private isExpandedSubject = new BehaviorSubject<boolean>(null);
 isExpandedAction$ = this.isExpandedSubject.asObservable();

updateIsExpanded(expandir: boolean): void {
this.isExpandedSubject.next(expandir);

}

然后我在 MainContentComponent 订阅这个

this.parameterService.isExpandedAction$
  .subscribe(
    data=>{
      this.isExpanded=data;
    }
  );

每次我在网格中双击时 this.isExpanded 中的值都会更新为 false 但垫子扩展面板永远不会关闭

有什么想法吗?

谢谢

0 个答案:

没有答案