html - 如何打印 ng-template 索引？

Question

我想打印容器的索引

我试着写{{index}}，但它不工作

<ng-template #stepsClone  >
          <p>Paragraph {{index}} </p>
          <input type="button" (click)="removeStep(index)" value="X" >
        </ng-template>

export class AddInterviewComponent {

  @ViewChild('stepsClone') template;

  @ViewChild('stepsContainer', { read: ViewContainerRef }) container;

  constructor(private resolver: ComponentFactoryResolver) { }

  cloneStep() {
    this.container.createEmbeddedView(this.template);
  }
  removeStep(index: any) {
    this.container.remove(this.template[index]);
  }
}

Answer 1

在您声明的组件内部

index = 'test';

请发布您的 components.ts 文件

Answer 2

试试这个来显示你的模板：

<ng-template [ngTemplateOutlet]="template"></ng-template>