ngModel innerHTML在p標籤中工作，但不在輸入標籤中angular2

在我的一個angular2應用程序中，我想在模型的輸入字段中顯示模型的innerHTML。ngModel innerHTML在p標籤中工作，但不在輸入標籤中angular2

<input type="text" [(ngModel)]="studentCategory" [innerHTML]="studentCategory"/>

studentCategory的值由具有一些數據的基礎上未來 '&＃174;'值。這是直接顯示在文本框中起來，而是應該表現出寄存器符號

我可以很容易地顯示此通過以下方式

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

但不是在其中有模型附加到它的輸入。

在此先感謝。

2017-07-26 Raj

你的問題不清楚。你到底想做什麼？你想在輸入中顯示什麼HTML？這是一個輸入框，您可以在其中放置一個佔位符，或者您可以使用默認值填充它，但使用innerHTML您想實現什麼？ – monica

innerHTML引用HTML標籤的內容。

A <p>標記可能包含短語內容。然而，<input>標籤必須是空的。它可能沒有任何子元素或文本內容。

<p [innerHTML]="'hello'"></p>解析爲<p>hello</p>。這是合法的HTML。但<input>hello</input>無效。（<textarea>hello</textarea>將是有效的）。

在將字符串分配給ngModel變量studentCategory之前，您需要確保HTML實體已經未轉義。

2017-07-26 19:25:23

編輯我的問題以獲得更好的理解。我的問題是，學生類別是具有來自數據庫的值的模型。我只是在文本框中顯示值。所以我不能改變價值。 – Raj

回答