如何在Angular中將html綁定到ngModel

Question

我有一個類似TextArea的輸入控件，在其中使用[(ngModel)]進行雙向綁定。 當顯示HTML數據時，它顯示帶有HTML標記，而不是對其進行解釋。 例如，我有HTML字符串<b>text</b>我希望它顯示為text 。 如何使用ngModel做到這一點？

Answer 1

為此進行了堆疊閃電戰，請檢查以下內容：

https://stackblitz.com/edit/ngmodel-ngmodel-for-html-output

好吧，這就是我在這里所做的：

這是HTML的文本區域，我正在使用ngModel來查看簽出HTML並在下面的div中返回HTML結果。

<textarea 
  [(ngModel)]="content"
  cols="50" 
  rows="10"></textarea>

<br><br><br>

<div [innerHtml]="content"></div>

這是我最初提供輸入的TypeScript文件，但這並不重要。 確保至少定義該屬性。

content = 
`<h2>Hello</h2>
<p>This is a great example...</p>
`;

我希望這能解決您的問題...