Javascript 使用&；转换角度页面中的换行符；书信电报；br/&；燃气轮机

我有以下功能：

  setLocalVariableOnAccepted(ogp, hb, responseJson) {
    if (responseJson.ofgp === undefined) {
      this.ogpStatus = 'orange';
      this.ogpStatusMsg = responseJson.ofgp + ', <br/> No change. Previous value is used';
    }

setLocalVariableOnAccepted（ogp、hb、responseJson）{
if（responseJson.ofgp==未定义）{
this.ogpStatus='orange'；
this.ogpStatusMsg=responseJson.ofgp+'，
无变化。使用以前的值'；
}

这将填充以下div中的消息：

 <div id="default_ogp">
        <p>
        <b>Default Offline Grace Period [minutes]</b><br>
                  <input type="text" class="form-control" maxlength=7 id="default_ogp_input" size="60%" 
                  pattern="^[1-9][0-9]*$" (focus)="onFocus($event)" (input)="onChangeInput($event)"
                  [(ngModel)]="ogpInteger" name="default_ogp_input" #default_ogp_input="ngModel">
            </p>
            <p id="invalid_pattern_match_ogp" class="inputValidationFailure" [hidden]="!default_ogp_input.hasError('pattern')">Invalid format</p>
            <p id="message_response_ogp" class="messageResponseBox" [style.background-color]="ogpStatus" [hidden]="!ogpStatusMsg">{{ogpStatusMsg}}</p>
    </div>

默认脱机宽限期[分钟]


无效的格式

{{{ogpStatusMsg}

但一旦填充，标签将显示为：

Message..., <br/> No change. Previous value is used

消息…，
无更改。使用上一个值

因此，
被打印为字符串，转换为文本，事实上，通过检查我可以看到的代码，该代码映射为以下ascii代码：<；br/>

Message, &lt;br/&gt; No change. Previous value is used</p>

消息，br/无更改。使用上一个值

如何更改并引入换行符？

使用实际换行符：

setLocalVariableOnAccepted（ogp、hb、responseJson）{
if（responseJson.ofgp==未定义）{
this.ogpStatus='orange'；
this.ogpStatusMsg=responseJson.ofgp+'，\n没有更改。使用的是以前的值'；
}

并将容器设置为使用CSS显示它们：

.messageResponseBox{
空白：预处理；
}

或者，使用

innerHtml

也可以：

---

您必须创建一个管道来清理HTML

这是一个

基本上，您将在HTML中更改这一行

<p id="message_response_ogp" class="messageResponseBox" 
[style.background-color]="ogpStatus" [hidden]="!ogpStatusMsg">{{ogpStatusMsg}}</p>

{{{ogpStatusMsg}

像这样包括管道

<p id="message_response_ogp" class="messageResponseBox" 
[style.background-color]="ogpStatus" [hidden]="!ogpStatusMsg" 
[innerHTML]="ogpStatusMsg | sanitizeHtml"></p>

我对莫里茨的回答投了赞成票，因为从技术上讲，你是在问“新品”的问题，他的替代品也能像预期的那样发挥作用。然而，我将离开我的，因为最终你会遇到需要sanitizeHTML的情况。