如何在mat stepper中添加mat标签上的点击

Question

我需要matSteplabel上的点击功能。添加点击mat-step也没有用！

                    

                  <ng-template (click)="myFunc()" matStepLabel>

                    Snapshot

                  </ng-template>
                  <!-- Start All Backup Data Step1 Data -->

                       <!--app-compare-data-step1></app-compare-data-step1-->

                  <!-- End All Backup Data Step1 Data -->


                </mat-step>
</mat-horizontal-stepper>

Answer 1

您使用的是ng-template错误。 Ng-template只是一个包装器，它的内容将附加到引用它的元素上。

无论您在ng-template标签上定义什么，接受该名称都将丢失。 所以你必须在click的身体内某处定义你的ng-template，而不是在标签本身。

Answer 2

如Miroslav所述，您可以使用以下内容：

<ng-template matStepLabel>

               <p (click)="myFunc()">Snapshot</P>

</ng-template>