Как интерполировать переменную * ngFor внутри строки внутри троичного выражения? (Угловой) - PullRequest
Новая
       9

Как интерполировать переменную * ngFor внутри строки внутри троичного выражения? (Угловой)

0 голосов
/ 28 мая 2019

Что я пробовал: 

  <mat-step *ngFor="let name of names" [label]="name" [completed]="name + 'IsCompleted'">
    <button mat-button (click)="redirectToNameUrl(name)" mat-raised-button color="primary">
  {{ (inProgress ? 'In progress...' : "'Sign in with ' + name + 'details!'" )}}
    </button>
  </mat-step>

ПРИМЕЧАНИЕ. Вложенные рули тоже не работают.

Результат:

Кнопка с надписью 'Sign in with ' + name + 'details!'

Я ожидаю, что это скажет:

Sign in with james details!

Спасибо

1 Ответ

2 голосов
/ 28 мая 2019

Просто попробуй вот так 

  <mat-step *ngFor="let name of names" [label]="name" [completed]="name + 'IsCompleted'">
    <button mat-button (click)="redirectToNameUrl(name)" mat-raised-button color="primary">
  {{ (inProgress ? 'In progress...' : 'Sign in with ' + name + 'details!' )}}
    </button>
  </mat-step>

Вам не нужны дополнительные двойные кавычки вокруг текста

...