cdkStepLabel - нг-шаблон - innerHTML - PullRequest
Новая
       28

cdkStepLabel - нг-шаблон - innerHTML

0 голосов
/ 22 апреля 2019

Я создаю пользовательский степпер с использованием CDKStepper в угловых 7,

Я использую 

<cdk-step>
      <ng-template cdkStepLabel>Fill out your name 1</ng-template>
      <p>This is any content of "Step 1"</p>
</cdk-step>

и в шаблоне степпера - для навигации, я использую 

  <ul class="nav nav-pills wizard-navigation-ul">
      <li class="step" *ngFor="let step of steps; let i = index;" [ngClass]="{'active': selectedIndex === i}">
          <a href="javascript:void()" (click)="onClick(i, step)" data-toggle="tab">{{step.stepLabel}}</a>
      </li>
  </ul>

и в Component.ts 

onClick(index: number, step: any): void {
    console.log(step);   // here i want to console the title of the step clicked, in this case TEXT of this "<ng-template cdkStepLabel>Fill out your name 1</ng-template>"
    this.selectedIndex = index;
  }

Как получить заголовок, который хранится в <ng-template cdkStepLabel>Fill out your name 1</ng-template>?

...