在AngularJS中使用從Api調用接收的HTML標籤

Question

我從一個rest API接收一個元素。這是如下：

「海德拉巴冒險&揹包俱樂部（HAT的）」

上面寫的粗體文字是用b標籤。

即將到來（帶有b標籤單獨編寫），但我希望標籤下的內容應該在我的html中加粗，並且有換行符。

Answer 1

試試這個它會工作：

var app = angular.module('myApp',[]); 
 
app.controller('ExampleController', ['$scope','$sce', function($scope,$sce) { 
 
    $scope.myHTML = $sce.trustAsHtml("<b>Hyderabad Adventure & Trekker's club (HAT's)</b>"); 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
<div ng-controller="ExampleController"> 
 
<span ng-bind-html="myHTML"></span> 
 
</div> 
 
</div>