要解决Angular mat-expansion-panel渲染为展开的面板,无法点击且没有切换图标的问题,您可以按照以下步骤进行操作:
import { MatExpansionModule } from '@angular/material/expansion';
@NgModule({
imports: [
MatExpansionModule
]
})
export class YourModuleName { }
expanded
属性来控制展开和折叠状态,并使用[disabled]
属性来禁用点击:
mat-expansion-panel-header
中添加一个mat-panel-title
元素,并在其中使用一个按钮或图标来触发展开和折叠。例如,使用mat-icon
来显示一个展开和折叠的图标:
keyboard_arrow_down
这样,您就可以在展开和折叠时看到一个图标,并且无法点击面板。请根据您的具体需求进行相应的调整和修改。