javascript - 为什么 AngularJS 在 HTML 中打印双引号

Question

使用 AngularJs，我试图用图像显示货币兑换。下面是我的 Razor 代码。

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

我正在从 Controller 发送以下文本

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 的指令。ng-bind 只应在无法呈现简单的 html 文本节点时使用。

因此，您的代码应如下所示:

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