Question

我有两个字符串。我想从新行显示第二个字符串。但是我必须在html中只使用一个变量。

let msg = "hello"+\n+"how r u";

我必须连接两个字符串，但是从新行开始第二个字符串。

Answer 1

导入DomSanitizationService。

import {DomSanitizationService} from '@angular/platform-browser';

在类的构造函数中执行此操作

constructor(sanitizer: DomSanitizationService) {
    this.msg = "Hello" + "<br/>" + "How are you?";
    this.msg = this.sanitizer.bypassSecurityTrustHtml(this.msg);
}

在模板中使用msg，如下所示

<p [innerHTML]="msg"></p>

Answer 2

由于您尚未完全描述您的问题，因此一种可能且简单的方法是使用split功能。

<p>{{msg.split('\n')[0]}}</p>
<p>{{msg.split('\n')[1]}}</p>

从新行开始文本

2 个答案: