Material - 将指令传递给子组件

Posted 2023-02-22

【中文标题】Material - 将指令传递给子组件

【英文标题】：Material - pass directive to child component

【发布时间】：2020-04-01 16:29:53

【问题描述】：

我使用的是 Stapler 材质，我需要将自定义指令传递给组件，以通过 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

【问题讨论】：

你能提供你的指令代码和它包含的模块吗？在 stackblitz 上更好地重现应用程序

我删除了我的答案，但您可以使用stackblitz.com/edit/angular-g9huhk?file=src/app/… 示例。

感谢你们两位，我编辑了我的帖子

【参考方案1】：

这是你想要的吗？请看示例。

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