为什么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>