角分量html正在转义我的上标字符。

Question

我有一些文字，在一个角5分量，如下所示。

面积击穿m平方米

不幸的是，角打破了我整洁的小方格字符，并显示如下：

面积击穿m平方米

component.ts

@Component({
    templateUrl: `component.html`
})
export class SourceDocumentWorkItemsComponent implements OnInit {
    // (all very standard)
}

component.html

<div class="input-group">
    <label class="bold">Area Breakdown m&sup2;</label>
</div>

我怎么才能不破坏我的html.我很确定角是这里的罪魁祸首。

Answer 1

尝试[innerHTML]，如下所示，它根据您的需求给出了输出：

areaBreakdownText:string='Area Breakdown m²';
<label class="bold" [innerHTML]="areaBreakdownText"></label>