2016-04-18 7 views
0

私はtheHtmlString変数とバインドがあります。Angular2 HTML結合(HTMLは変数が含まれている)のフォローが正しいよう

<div [innerHTML]="theHtmlString"> 
</div> 

しかしtheHtmlString変数は、いくつかのorther変数含まれていますそれのため

theHtmlString = "<input [(ngModel)]='value'/>"; 

どのようにバインドHTMLを?

+1

@GunterZochbauerが言ったように、結果として['DynamicComponentLoader'](https://angular.io/docs/ts/latest/api/core/DynamicComponentLoader-class.html)を使用する必要がありますこれを実装する。 – drewmoore

+0

しかし、私は動的コンポーネントローダーからデータを取得していません – Nguyen

答えて

2

あなたはテンプレートにそのようなものを使用することができます

<div [innerHTML]="value + 'abc ...'"> 
</div> 

そうしないと、あなたの式に中括弧をこのように使用することができます...

3

角度はHTMLがこのように追加処理しません。バインドを解決したり、コンポーネントやディレクティブをインスタンス化したりすることはありません。それはそのままブラウザに渡されます。

+0

これは不可能ですか? –

+0

私は不可能だとは言っていませんが、単純ではありません;-)。 http://stackoverflow.com/questions/34784778/equivalent-of-compile-in-angular-2/37044960#37044960で説明されているように、実行時にコンポーネントを作成し、代わりにこのコンポーネントを追加することができます。すぐに使用できるライブラリがあり、コンポーネントを動的に作成しやすくなります(名前を覚えていない)。現在のところ、これはAoTと互換性がありません。 –