1

http://valor-software.com/ng2-bootstrap/から ng2-bootstrap を使用してタブ ビューを生成する例に従って、次のコードを作成します。

<tabset>
<tab *ngFor="#tabz of tabs"
     [heading]="tabz.title"
     [active]="tabz.active"
     (select)="tabz.active = true"
     (deselect)="tabz.active = false"
     [disabled]="tabz.disabled"
     [removable]="tabz.removable"
     (removed)="removeTabHandler(tabz)">
    {{tabz?.content}}
</tab>

しかし、{{tabz?.content}} プロパティから HTML コードを取得したいと考えています。これを行う方法はありますか？私のタブ配列は次のようになります。

public tabs:Array<any> = [
{title: 'Summary View', content: 'Dynamic content 1', active: true},
{title: 'Search View', content: '<someAngularComponent>Error Displaying Entry view</someAngularComponent >'}];
4

2 に答える 2

1

プレーンな html インジェクション:

<tab [innerHTML]="tabz?.content">

Angular2 のテンプレート/コンポーネントは、上記と同じ方法で注入することはできません。コンテンツをコンポーネントにラップし、イベントDynamicComponentLoaderによるトリガーを使用してロードすることができます。(select)

于 2016-04-15T07:55:07.097 に答える