jsで文字列からhtml要素を作成する

Question

jsの文字列からhtml要素を作成しようとしています。

文字列は次のとおりです。過去に"<p class='text-muted'> come and see how good I look </p>".

私はそれをエコーでPHPでこれを行なったし、今私はangularJSとクライアント側を構築し、私はそれを行う方法を見当もつかない。

私はインターネットでかつspecificlyこの中で答えを探してみましたHTML elemnt ..

に文字列を、私は、ページに文字列をバインドしようとしたが、予想通り、それはエンコードせずに文字列全体を印刷します幸福のないコミュニティ。

どうすればいいですか？事前

Answer 1

あなたは要素へのhtmlの文字列をバインドするng-bind-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を入力して、あなたがそれのJavaScriptや角度たいですかそれ

Answer 2

で

ありがとうございますプロパティ「innerHTMLプロパティ」を使用して、任意のDOM ElmentにHTMLの文字列の定義を添付することができます。

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