変数のコンポーネントセレクタ - 角2

Question

私は自分のテーブルモジュールを作成しました。 HTMLコードで呼び出すと、次のようになります。

<my-table [data]="variableWithArr"></my-table> 

ここでは、かなりいいテーブルが表示されています。クール。しかし、テーブルのいくつかの欄にプログレスバーを表示したいのですが？私は、例えば次のように、プログレスバーをブートストラップ、値などのコンポーネントセレクタでHTMLコードを置くことができると考えた：

for(let record of variableWithArr) { 
    record[0] = '<ngb-progressbar type="danger" [value]="100"></ngb-progressbar>'; 
} 

生憎、角度のみが表示されたHTMLコードが、dooesは、コンポーネントセレクタとしてそれを解釈していないので、私は受け取りますDOMのようなもの：

<td><ngb-progressbar type="danger" [value]="100"></ngb-progressbar></td> 

どのように修正するのですか？

Answer 1

docsを見ると、[innerHTML]プロパティを使用する必要がありますが、コードを信頼するときにのみ使用する必要があります。 - あなたは、任意のHTML（innerHTMLまたはそれ以外）を挿入し、ディレクティブは&を拾って適用されることを期待することはできません

<td [innerHTML]="record"></td> 

Answer 2

これはありませんどのように角度作品です：

だから、このようなものでなければなりません。このようにAngularワークを作成するには、コンパイラ全体をブラウザに出荷する必要があり、AOT（Ahead-Of-Time）コンパイルで可能なすべての最適化の目的がすべて失われます。

tl; dr;いいえ、あなたはこれを行うことはできません。これはng-bootstrapプロジェクトとは関係がありませんが、Angularの背後にある設計上の決定を伴います。