icon src dynamic with Angular JS

Luis Guilherme Pires Moura

Using angularjs to set the icon?

<ons-list-item ng-repeat="item in menu" tappable>
        <ons-icon icon="{{item.icon}}"></ons-icon>
        {{item.name}}
 </ons-list-item>

I did so but did not work.

IliaSky

Hi @Luis-Guilherme-Pires-Moura - it should be doable.

Have you tried inspecting it to see the result?

Here’s a demo of your code working.

If I remember correctly there might be a bug where an extra fa- may be added to the icon name. I think it’s been fixed on master, but we haven’t released in a while.

Luis Guilherme Pires Moura

Thank guy realy is a double ‘fa-’ :sweat_smile:

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

icon src dynamic with Angular JS