动态添加ng-template

Question

我想在HTML中动态添加以下内容。

<ng-template #elseblock *ngIf="var">
    <h1>
        {{heading}}
    </h1>
</ng-template>

我正在使用以下approch。

在app.component.ts文件中：

htmldata: any = `<ng-template #elseComponent *ngIf="var">
<h1>
  {{ heading }}
</h1>

`;

并在app.component.html

中

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

但是这个approch只在DOM中呈现h1标签。（没有ng-template）

请帮我动态添加ng-template，以便#else block，* ngIf也能正常工作。

Answer 1

根据您的问题，您希望进行内容投影。

你应该为这种用例使用模板插座。

＆＃13;

＆＃13;

select 1000*1000*unix_timestamp('2018-04-05 10:13:25');

＆＃13;

＆＃13;

＆＃13;

官方Angular doc ngTemplateOutlet
或ngTemplateOutlet

上的精彩博客文章