從angular2中的新行開始文本

Question

我有兩個字符串。我想從新行顯示第二個字符串。但我必須在html中只使用一個變量。

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

我必須連接兩個字符串，但從新行開始第二個字符串。

Answer 1

由於您尚未完全描述您的問題，因此一種可能的簡單方法是使用split函數。

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

Answer 2

導入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>