為什么AngularJS在HTML中打印雙引號

Question

使用AngularJs，我試圖用圖像顯示貨幣兌換。 這是我的Razor代碼。

<span ng-controller="CurrencyController">
     <span ng-bind="currencies"></span>
</span>

我從控制器發送以下文字

string text = "Dollar : 1.7 <img src=\"~/Images/Currency/up.png\">";

當HTML呈現時，我看了Chrome中的源代碼，我看到下面的HTML ...

<span class="ng-binding">
     "Dollar: 1.7 <img src="~/Images/Currency/down.png">"
</span>

為什么HTML中的渲染文本被雙引號括起來？ 我怎樣才能解決這個問題？

Answer 1

您應該使用ng-bind-html，如文檔中所述，是用於呈現html的指令。 只有在無法呈現簡單的html文本節點時才應使用ng-bind。

所以，你的代碼應該是這樣的：

<span ng-controller="CurrencyController">
   <span ng-bind-html="currencies"></span>
</span>