Mat Accordion动态开闭失效：设置panelOpenState未生效问题求助

针对你遇到的可复用mat-accordion组件初始化时无法展开的问题，大概率是以下几个常见遗漏点，逐一排查：

1. 未正确绑定expanded属性到面板 #

确保mat-expansion-panel的expanded属性直接绑定到你的panelOpenState变量，避免错误的绑定方式：

<!-- 正确写法 -->
<mat-accordion>
  <mat-expansion-panel [expanded]="panelOpenState">
    <mat-expansion-panel-header>
      <mat-panel-title>面板标题</mat-panel-title>
    </mat-expansion-panel-header>
    面板内容
  </mat-expansion-panel>
</mat-accordion>

2. 可复用组件的输入属性未正确定义 #

如果panelOpenState是从父组件传入的配置，必须在子组件中定义@Input()属性：

// side-panel-accordian.component.ts
import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-side-panel-accordian',
  templateUrl: './side-panel-accordian.component.html'
})
export class SidePanelAccordianComponent {
  // 定义输入属性，默认值设为true
  @Input() panelOpenState = true; 
}

父组件使用时需传递初始值（若无需动态控制可省略绑定，直接用子组件默认值）：

<app-side-panel-accordian [panelOpenState]="true"></app-side-panel-accordian>

3. 变更检测策略导致视图未同步 #

如果组件启用了ChangeDetectionStrategy.OnPush，需手动触发变更检测确保初始值更新到视图：

import { Component, Input, ChangeDetectionStrategy, OnInit } from '@angular/core';
import { ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-side-panel-accordian',
  templateUrl: './side-panel-accordian.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class SidePanelAccordianComponent implements OnInit {
  @Input() panelOpenState = true;

  constructor(private cdr: ChangeDetectorRef) {}

  ngOnInit() {
    // 手动标记需检测变更
    this.cdr.markForCheck();
  }
}

4. 多面板场景未设置multi属性 #

如果手风琴包含多个面板且需要同时展开，必须给mat-accordion添加multi="true"，否则初始化时只会生效最后一个绑定expanded="true"的面板：

<mat-accordion multi="true">
  <mat-expansion-panel [expanded]="panelOpenState1">...</mat-expansion-panel>
  <mat-expansion-panel [expanded]="panelOpenState2">...</mat-expansion-panel>
</mat-accordion>

5. 异步数据覆盖初始值 #

如果panelOpenState的初始值依赖异步请求，需确保数据加载完成后再赋值：

panelOpenState = false;

ngOnInit() {
  this.someService.getPanelState().subscribe(state => {
    this.panelOpenState = state;
  });
}

内容的提问来源于stack exchange，提问作者RRB