Question

我有一些带有上下文绑定的ng-template：

 <ng-template  #radioInputsBlock let-radioInputs="radioInputs" let-elementsInRow="elementsInRow">
...
</ng-template>

我想将它移到单独的文件中，在我的组件标记中使用它，如下所示：

    <ng-container *ngTemplateOutlet="radioInputsBlock;context: {radioInputs: radioInputs.period, elementsInRow: 4}"></ng-container>

我该怎么做？

Answer 1

我没有使用*ngTemplateOutlet，但这也可行：

新模板组件-HTML：
您只在此处将<ng-template>之类的内容放在此处

<div>
{{ someInputs }} - {{ elementsInRow }}
</div>

新模板组件-ts：

  @Input()
  someInputs: any;

  @Input()
  elementsInRow: any;

使用其他组件-HTML：

<ng-template #radioInputsBlock let-radioInputs="radioInputs" let-elementsInRow="elementsInRow">
      <app-new-template [someInputs]="someInputs" [radioInputs]="radioInputs"></app-new-template>
</ng-template>

注意：
我在您的示例中使用了输入someInputs和radioInputs元素，但是可以使用任何其他输入

如何将ng-tempate移动到单独的文件？

1 个答案: