通过使用CSS在代码中为图标添加样式,解决Angular Material工具栏图标未格式化的问题。
例如,在CSS中添加以下样式:
.mat-toolbar .mat-icon { font-size: 24px; height: 24px; width: 24px; margin-right: 8px; }
这将为工具栏图标添加24像素大小的字体和高度和宽度。 然后,将该样式应用于您的工具栏图标,以使其正确格式化。
在工具栏图标中添加“material-icons”类,并使用CSS样式进行格式化。
这样,您的Angular Material工具栏图标将正确格式化并显示。