从角度范围变量有条件地信任html

Question

我有一个html片段，如下所示：

<span id="notification"> {{ message }} </span>

为了绑定到html，我需要执行以下操作：

<span id="notification" ng-bind-html="message"></span>

理想情况下，我希望能够设置一个标志来将$ scope.message信任为html ...所以我的选择是将ng-if与重复代码一起使用，但这并不理想，因为我希望对同一个id这两个消息元素。 我也一直在考虑利用ng-attr，但不相信这会起作用。

有没有一种方法可以有条件地添加“ ng-bind-html”和“ ng-bind”，因此评估标志并删除不希望的属性？ 我是angularjs的新手。

Answer 1

您可以利用$ sanitize服务和一个函数来返回仅邮件或返回包装在$sanitize邮件。 然后你可以使用ng-bind

一个例子

<span id="notification" ng-bind="notificationCtrl.getMessage(message, true)"></span>

在您的控制器中

this.getMessage = function(msg, sanitize) {
   if (sanitize) return $sanitize(msg)
   return msg
}