How to use a angular controller with ion-tab to set badge count?

Question

How to use a controller and assign badge number to a ion-tab using scope variable from the controller ? I'm getting error when I tried this-

<ion-tab title="Home" badge={{homeBadgeCount}} ...

Syntax Error: Token '{' invalid key at column 2 of the expression angular

Please help...

score 0 · Answer 1 · answered Aug 20 '15 at 13:59

0

Just figured out that I don't need to use the {{}} expression. Without that it works !!!

<ion-tab title="Home" badge=homeBadgeCount ...

answered Aug 20 '15 at 13:59

Tushar

score 0 · Answer 2 · edited May 23 '17 at 12:29

As you can see, you can do it like badge=homeBadgeCount but that is not the best solution.

See w3schools / html attributes in section "We Suggest: Always Quote Attribute Values" to know why your solution works but is not the best practice.

Moreover, to know why your first try didn't work; I advice you to read these pages:

tl;dr write badge="homeBadgeCount" instead !

2 Answers2