从Json文件插入<br/>标记在Angular页面上不起作用

Question

我试图让换行符元素在我的Angular页面上正常工作，并将其注入到我的Json文件中，但是运气不好。

我看了以下问题：SO similar question，但我认为情况有所不同。

我的情况：

JSON文件

{
"boxLeft": {
        "boxLeftHeaderDesktop": "HOURS PER <br/> WEEK",
    }
}

英语： 角版本：1.4.9

<div class="header">
    {{boxLeft.boxLeftHeaderDesktop}}
</div>`

结果-荣

  

<br/>周的小时数

我尝试过的内容：

1：{{locale.earnings.boxLeftHeaderDesktop | raw}}-不起作用
2：<br \/>-不起作用
3：<div class="header"> <div [innerHTML]="boxLeft.boxLeftHeaderDesktop"></div> </div>-不起作用

请，还有其他可以尝试使用的解决方案吗？

我如何解决它：

使用：angular-sanitize.js

Answer 1

使用innerHTML呈现html标签

<div class="header">
   <div [innerHTML]="boxLef.boxLeftHeaderDesktop"></div> 
</div>