包含在HTML頁角的js的html代碼，並顯示$範圍值

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>')