如何使用 Angular Material 8 在手风琴中使用 togglePosition？
How to use togglePosition in an accordion using Angular Material 8?
我正在尝试在 Angular Material 扩展面板上使用 @Input() togglePosition。 documentation 声明如下：
@Input()
togglePosition: MatAccordionTogglePosition |
The position of the expansion indicator.
这是我尝试使用该输入的 Stackblitz，但应用程序无法构建。在 HTML 的第一行我添加了：
<mat-accordion [togglePosition]="'before'">
我在 Angular Material 上分叉了原始示例，所以我认为它会起作用。我做错了什么吗？
togglePosition 功能已在 Angular Material 的 v8.1 中发布，因此如果您使用的是 v8.0 或更早版本，它将无法使用。
假设您使用的是“mat-expansion-panel-header”选择器，请尝试将此代码添加到您的 styles.css:
.mat-expansion-panel-header {
flex-direction: row-reverse !important;
}
因为他们在切换箭头和标题之间使用了'flex-direction:row'，我们只需要反转它们
我正在尝试在 Angular Material 扩展面板上使用 @Input() togglePosition。 documentation 声明如下：
@Input() togglePosition: MatAccordionTogglePosition | The position of the expansion indicator.
这是我尝试使用该输入的 Stackblitz，但应用程序无法构建。在 HTML 的第一行我添加了：
<mat-accordion [togglePosition]="'before'">
我在 Angular Material 上分叉了原始示例，所以我认为它会起作用。我做错了什么吗？
togglePosition 功能已在 Angular Material 的 v8.1 中发布，因此如果您使用的是 v8.0 或更早版本，它将无法使用。
假设您使用的是“mat-expansion-panel-header”选择器，请尝试将此代码添加到您的 styles.css:
.mat-expansion-panel-header {
flex-direction: row-reverse !important;
}
因为他们在切换箭头和标题之间使用了'flex-direction:row'，我们只需要反转它们