{{theIcon}}Хотя {{theIcon}} отображает правильный текст зн" />

Как получить ons-icon для динамической загрузки иконки?

angular onsen-ui2

339 просмотра

1 ответ

У меня была проблема с использованием ons-icon и angular2 некоторое время.

<span *ngFor="let theIcon of item.getItem().style.get('icon')">
   <ons-icon [icon]="theIcon"></ons-icon> {{theIcon}}
</span>

Хотя {{theIcon}} отображает правильный текст значка (md-cutlery), значок ons-icon никогда не показывает значок. Если я копирую текст в элемент управления и меняю его на icon = "md-cutlery", он отображается нормально.

Чего мне не хватает?

Автор: i8abug Источник Размещён: 08.11.2019 11:21

Ответы (1)


1 плюс

Решение

В Angular2 у вас есть разные директивы для создания привязок, у вас есть директивы для привязок атрибутов, классов и стилей . Поскольку вы хотите создать привязку атрибута, вам нужно сделать:[attr.icon]="myIconVar"

Итак, ваш код должен быть:

<span *ngFor="let theIcon of item.getItem().style.get('icon')">
   <ons-icon [attr.icon]="theIcon"></ons-icon> {{theIcon}}
</span>
Автор: Fabio Antunes Размещён: 20.08.2016 03:26
Вопросы из категории :
32x32