在 Angular 中动态 HTML 渲染

Question

我在 angular 视图中有一个模型。我将 String 从控制器传递给模型

<b>myName</b>

希望它以粗体显示，但我没有得到想要的结果。相反，它会按原样显示为字符串。为什么会这样，解决方法是什么？我认为 angular 指令编译会有帮助，但没有帮助。

Answer 1

您应该使用 sce.trustAsHtml

而不是直接将字符串传递给范围内的模型

$scope.bindHTML = $sce.trustAsHtml("<b>myName</b>");

然后在您的视图模板中，使用 ng-bind-html 来处理 html 绑定。

<div ng-bind-html="bindHTML"></div>

Answer 2

无法看到您的代码，因此很难确切地说出发生了什么，但我猜您可能需要使用 ngBindHtml 的模型。如果您的模型中有一个 html 字符串，那么通常就是这样。