Javascript 在html代码中包含$scope值并在html页面中显示

我的控制器里有

$scope.hello = function(a){
$scope.rr = '<span><i class=" ti-back-right"></i></span>' ;
}

---

我得到的输出为。但实际上我需要那个图标。。请帮帮我。

这是由严格的上下文转义（$sce）引起的

任用

<span ng-bind-html={{rr}}> 

或使用

$scope.rr = $sce.trustAsHtml('<span><i class=" ti-back-right"></i></span>')

$scope.rr=$sce.trustAsHtml（“”）

为什么需要将其作为字符串，而不将其放在视图模板或指令中？控制器不应用于管理html。。。只需管理驱动视图的数据模型

$scope.rr = $sce.trustAsHtml('<span><i class=" ti-back-right"></i></span>')