ui-sref 和 $sce.trustAsHtml

Question

我正在使用 ui-routing 来驱动我的 Angular Web 应用程序中的请求。在某些情况下，我使用 URL 参数。现在如果我使用$sce.trustAsHtml(fooModel) 会遇到麻烦，因为如果进入 fooModel 我有类似这样的 'Hello！检查这个值"' ui-sref 无法在 html 标签<a> 中生成href。 是否可以将ui-sref 调用到$sce.trustAsHtml 中？

这是工作代码

<div><a ui-sref="secure.foo({val:'value'})">value</a><div>

如果我在模型中使用相同的字符串然后

<div ng-bind-html="TrustDangerousSnippet(model)"></div>

TrustDangerousSnippet 在我的控制器中被定义为

$scope.TrustDangerousSnippet = function(p) {
      return $sce.trustAsHtml(p);
    }; 

在这种情况下 ui-sref 不起作用

Answer 1

你需要先使用$compile。

$scope.TrustDangerousSnippet = function(p) {
  var _link = $compile(p)($scope);

  return $sce.trustAsHtml(_link[0].outerHTML);
};