我想用AngularJS将字符串解析为数据属性中的HTML

Question

我正在使用ngSanitize来解析var：

var icon = $sce.trustAsHtml(' ');

但是，我在视图中无法使用ng-bind-html或ng-bind-html-unsafe，因为我正在尝试将值添加到数据标记中：

<i class="icon" data-icon="{{ message.icon }}"></i>

结果：

<i class="icon" data-icon="&#x020;"></i>

我也尝试过：

<i class="icon" ng-attr-data-icon="message.icon"></i>

也没用。

有什么想法吗？

Answer 1

当你这样做时你会得到什么？

var icon = $sce.trustAsHtml(' ');
console.log(icon);
$scope.message = icon;

---

如何而不是

var icon = $sce.trustAsHtml(' ');

你这样做：

$scope.someUniqueIconName = $sce.trustAsHtml(' ');

然后在你的html中执行：

<i class="icon" data-icon="{{someUniqueIconName}}"></i> or
<i class="icon" ng-attr-data-icon="someUniqueIconName"></i>