Как динамически изменить значок? - PullRequest
Новая
       23

Как динамически изменить значок?

1 голос
/ 20 апреля 2020

Я создаю приложение, используя Ioni c Angular, Font Awesome и Stripe. Я хочу изменить значок на странице HTML на основе значения, полученного с сервера на странице .ts.

Вот что у меня есть: 

<ion-item *ngFor="let transaction of myRecentTransactions">
    <fa-icon [icon]="['fab', 'cc-visa']"></fa-icon><span>{{ transaction.source.last4 }}</span>
</ion-item>

и это это то, что я хочу, но по какой-то причине это не работает: 

<ion-item *ngFor="let transaction of myRecentTransactions">
    <fa-icon [icon]="['fab', '{{ transaction.source.brand }}']"></fa-icon><span>{{ transaction.source.last4 }}</span>
</ion-item>

Что я делаю не так?

1 Ответ

2 голосов
/ 20 апреля 2020

При связывании свойств используйте transaction.source.brand напрямую, нет необходимости использовать интерполяцию.

Попробуйте так: 

 <fa-icon [icon]="['fab',  'cc-' + transaction.source.brand ]"></fa-icon>
...