在 Angular 材料表單元格中渲染 html

Question

我正在嘗試在 angular 材料中添加 html 內容，但標簽在 html 中顯示為簡單文本，例如“第一行<br> .here 應該是新行”

Answer 1

您可以使用innerHTML屬性綁定

<td mat-cell 
  *matCellDef="let element"
  [innerHTML]="element.name">
</td>

TS

const ELEMENT_DATA: PeriodicElement[] = [
  {
    position: 1,
    name: '<b>Hydrogen</b> <br>Test', 
    ...
  },
  ...
];

Output

Position	姓名
1	氫測試