angular 材质图标在插值前先渲染

Question

我正在使用 angular 材料做一个 angular 项目，而我使用 mat-icons 它在插值之前一直出现，即使我在插值之后对其进行编码，请在此处输入图像描述

我尝试在图标之前或之后输入任何内容，无论如何图标都会排在第一位

排序方式 {{sort}} expand_more

Answer 1

由于某种原因，我无法在官方文档的任何地方找到它的记录（至少在mat-button或mat-icon部分）。 幸运的是，它至少记录在此处的迁移指南中。

自 v15 以来，您需要做的是将 iconPositionEnd 指令添加到mat-button内的mat-icon ，例如

<button mat-button>
  Icon after text
  <mat-icon iconPositionEnd>favorite</mat-icon>
</button>

编辑：已经有一个关于此功能的问题 git 未在此处记录。