在 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	氢测试