Javascript Angular 2将HTML注入内联模板

我正在尝试将html注入到内联模板中。主要是因为我很懒，不想做一个组件

我使用以下方法实现了一个内联模板：

  <ion-slide *ngFor="let entity of serviceRequests">
    <ion-item>
      <ion-col>
        <ion-note>[Skill Name]{{skillTypeOptions.resolveName(entity.skillId)}}</ion-note>
      </ion-col>
    </ion-item>
    <template [ngTemplateOutlet]="offerTemplate" [ngOutletContext]="{entity: entity.Offer, title: 'Offer'}">
    </template>
    <template [ngTemplateOutlet]="offerTemplate" [ngOutletContext]="{entity: entity.Counter, title: 'Counter'}">
    </template>
  </ion-slide>
</ion-slides>

<template #offerTemplate let-entity="entity" let-title="title">
  <ion-card>
    <ion-item>
      <ion-row>
        <ion-col>
          <ion-note>{{title}}</ion-note>
        </ion-col>
        <ion-col>
          <ion-note>For {{entity.price}} $</ion-note>
        </ion-col>
      </ion-row>
    </ion-item>
    <ion-card-content>
      {{ entity.messageText }}
    </ion-card-content>
  </ion-card>
</template>

[技能名称]{{skillTypeOptions.resolveName（entity.skillId）}
{{title}}
对于{{entity.price}}$
{{entity.messageText}

---

有没有一种方法可以将另一个模板传递到模板中以嵌套模板？

我找到了方法。您只需将模板作为参数传入即可。
首先向父模板添加一个参数，

let footerTemplate=“footerTemplate”

：

{{title}}
对于{{entity.price}}$
{{entity.messageText}

然后，您可以再次在ngTemplate指令中显示模板变量。 用法如下所示：

<template [ngTemplateOutlet]="offerTemplate" [ngOutletContext]="{entity: entity, title: 'Counter', footerTemplate:footerTemplate}">
</template>

---

我知道怎么做了。您只需将模板作为参数传入即可。
首先向父模板添加一个参数，

let footerTemplate=“footerTemplate”

：

{{title}}
对于{{entity.price}}$
{{entity.messageText}

然后，您可以再次在ngTemplate指令中显示模板变量。 用法如下所示：

<template [ngTemplateOutlet]="offerTemplate" [ngOutletContext]="{entity: entity, title: 'Counter', footerTemplate:footerTemplate}">
</template>