在HTML代码中包含$ scope值，并在html页面angular js中显示

Question

在我的控制器中

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

在我的html页面中如果我使用

{{rr}}

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

Answer 1

这是由严格的上下文转义引起的（ https://docs.angularjs.org/api/ng/service/ $ sce）

无论使用

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

或使用

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