Question

我遇到了这个问题，答案没有匹配，所以我认为应该发布这个问题。

此问题是在使用Angular Material手风琴并尝试使用ExpandedHeight属性来自定义手风琴的高度时，您收到错误消息：

Can't bind to 'expandedHeight' since it isn't a known property of 'mat-accordion'.

代码可能看起来像这样：

<mat-accordion [expandedHeight]="'2em'">
    <mat-expansion-panel-header>
        <mat-panel-title>{{ headerText }}</mat-panel-title>
    </mat-expansion-panel-header>
    {{ content }}}
</mat-accordion>

Answer 1

在这种情况下，解决方案很简单。请注意，expandedHeight适用于HEADER，而不适用于手风琴。因此，解决方法是将属性移动到面板组件。

<mat-accordion>
    <mat-expansion-panel-header [expandedHeight]="'2em'">
        <mat-panel-title>{{ headerText }}</mat-panel-title>
    </mat-expansion-panel-header>
    {{ content }}}
</mat-accordion>

无法绑定到“ expandedHeight”，因为它不是“ mat手风琴”的已知属性

1 个答案: