Angularjs 如何在动态html模板中添加ui sref？

我需要在单击时添加我使用过的动态模板：

var action_template='';
app.controller('EventCtrl',function($rootScope){
     action_template =  action_template +'<ul><li><a ui-sref="/root/authenticate"><img src="default.png"></a></li></ul>';                  
   $rootScope.template=action_template;  
});

var action_模板=”；
app.controller（'EventCtrl'，函数（$rootScope）{
action_template=action_template+'
'；
$rootScope.template=操作\模板；
});

在html中：我使用了ngSanitize

<ul>
       <li ng-bind-html="template"></li> 
</ul>

模板是完美的附加，但没有href链接

我做错了什么？或者做同样的事情有什么解决办法吗

主要问题是无法添加任何角度指令，如ng click、ng href、ui sref等。

---

但是在添加$sce.trustAsHtml之后，它会添加ui sref，但不会添加任何超链接

暗示将是可观的

---

谢谢

我想您忘记了控制器中的trustAsHtml（您可以在运行后的代码段中看到，源代码中存在ui sref）：-

var-app=angular.module（“myApp”，[]）；
var action_模板=“”；
app.controller（“myCtrl”，函数（$scope、$rootScope、$sce）{
action_template=action_template+'
链接
'；
$rootScope.template=$sce.trustAsHtml（操作模板）；
});




您需要信任您的HTML，使用
$sce
，尝试下面的代码


var jimApp=angular.module（“mainApp”，[]）；
控制器（'EventCtrl'，函数（$rootScope，$sce，$scope）{
var action_模板=“”；
action_template=action_template+'
链接
'；
$scope.template=$sce.trustAsHtml（操作模板）；
});




使用$rootScope而不是$scope有什么原因吗？请尝试使用$rootScope.template=$sce.trustAsHtml（action_template）；。别忘了在控制器中插入$sce。现在，ui sref已经存在，但它没有添加任何href链接，为什么？请查看我的更新问题。@user7390851添加$sce.trustAsHtml后，我不明白您的意思。它是这样给出的：表示自动添加href。这不是问题，当您使用ui sref时自动添加href