材质-将指令传递给子组件

Question

我使用订书机材料，并且需要将自定义指令传递给组件，以通过app指令访问元素的属性。 我试图写：

  <mat-vertical-stepper labelPosition="bottom">
    <mat-step *ngFor="let step of steps" [label]="step" customDirective></mat-step>
  </mat-vertical-stepper>

但是结果HTML是：

<div class="mat-step-text-label ng-star-inserted">Step</div>

没有我的指示。

我该怎么办？

Exemple stackblitz

Answer 1

这是您想要的吗？请看一下示例。

https://stackblitz.com/edit/angular-g9huhk-4xwcmx?file=src/app/custom.directive.ts