Angular中的动态HTML呈现

Question

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

<b>myName</b>

希望以粗体显示，但我没有得到理想的结果。而是将其显示为字符串。为什么会这样，修复是什么？我认为angular directive compile会有所帮助，但没有帮助。

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字符串，那么通常就是这样。