2017-01-30 6 views
1

JavaScriptからangular2コンポーネントを実行し、その代わりにHTMLを生成する方法はありますか?javascriptのangle2コンポーネントをレンダリングして返信すると

私はangular2コンポーネントを実行し、リターンがHTMLを生成しなければならない無地のJavaScript/jQueryの関数を書きたいと思います。例えば

var html = executeAngular2ComponentAndReturnHtml('componentName'); 

すべてのヘルプのようなものが高く評価されます。

おかげ

+0

を参照してください。なぜあなたはすでに角を持っている場合、プレーンJSで関数を記述したいのですか? – Dinistro

+0

私は基本的にはangle2アプリケーションの周りにラッパーを書きたいと思っています。ラッパーはcdnからユーザーに組み込むことができ、簡単に使うことができます。 –

答えて

0

あなたはそれを行うためにinnerHTML属性を使用することができます。あなたのComponentコードで

<div [innerHTML]="customHtml"> // note the casing of innerHTML. 
</div> 

this.customHtml = executeAngular2ComponentAndReturnHtml('componentName'); 

重要:このようなあなたのコンポーネントクラスのプロパティにバインドまたAngular2のDOM消毒ように、信頼できるようにHTMLをマークすることもできますそれの一部を削除しません。これについては、angular 2 html binding

関連する問題