Dynamic tab icons

Ionic Framework ionic-v3
2

I have done similar thing in non-Ionic projects/web-sites.

There are two ways of doing this -

  1. Try changing your element's class name programetically(using JavaScript). This way you can give different class name to element and different CSS stylings(background image in this case).
    In Angular, you can do this using conditional classes. Look at this stackoverflow answer.

  2. Give inline styling and update them by JavaScript. Similar solution is present here for Angular projects.

1 Like