使用js從字符串創建html元素

Question

我想從js中的字符串創建html elemnt。

的字符串是："<p class='text-muted'> come and see how good I look </p>".

在過去，我通過回聲它這樣做用PHP，現在我只建有angularJS客戶端，我不知道該怎麼做。

我試圖將字符串綁定到頁，但如預期，它打印整個字符串，而不編碼的HTML elemnt字符串..

我試圖尋找一個答案在互聯網和specificly在這沒有救援的社區..

有沒有可能，如果是的話，如何？

在此先感謝

Answer 1

您可以使用ng-bind-html指令將html字符串綁定到元素。應首先對字符串進行消毒處理，例如注入$sce並在要綁定的字符串上調用$sce.trustAsHtml()。

例控制器：

app.controller('MainCtrl', function($scope, $sce) { 
    $scope.template = $sce.trustAsHtml('<p class="text-muted"> come and see how good I look </p>'); 
}); 

，而在HTML

<div ng-bind-html="template"></div> 

Here's a quick example plunker 你可以輸入HTML，然後單擊綁定它

Answer 2

您可以使用屬性「的innerHTML」 HTML字符串定義連接到任何DOM Elment。

yourDomEl.innerHTML = '<div class="your-class"><a>Link</a></div>';