ionic tabs badge don't working if set badge = "object"

Question

<ion-tab title="name" icon="ion-home" ui-sref="tabs.home" badge="12" badge-style="badge-assertive"><ion-nav-view name="home-tab"></ion-nav-view></ion-tab>

this code is ok , badges can normal display, but if code is :

<ion-tab title="我的任务" icon="ion-home" ui-sref="tabs.home" badge="badgenum" badge-style="badge-assertive"><ion-nav-view name="home-tab"></ion-nav-view></ion-tab>

and in controller:$scope.badgenum = 12; that badges don't display,please help me ,thanks!

Which version of Angular and Ionic are you using? – Sumi Straessle Jul 24 '17 at 18:36 — Sumi Straessle, Jul 24 '17 at 18:36
@SumiStraessle angular 1.5.3 ionic 1.3.3 , what problem? – L.Wilon Jul 25 '17 at 04:04 — L.Wilon, Jul 25 '17 at 04:04

score 0 · Answer 1 · answered Jul 25 '17 at 03:47

0

You should do two way bind like this.

 badge="{{badgenum}}"

the full code

  <ion-tab title="我的任务" icon="ion-home" ui-sref="tabs.home" badge="{{badgenum}}" badge-style="badge-assertive"><ion-nav-view name="home-tab"></ion-nav-view></ion-tab>

answered Jul 25 '17 at 03:47

enRaiser

2,606
2
21
39

badge = "{{badgenum}}" is error, it will console:Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{badgenum}}] starting at [{badgenum}}]. – L.Wilon Jul 25 '17 at 04:07
Ideally it should work. I guess you have a wrong code somewhere else. – enRaiser Jul 25 '17 at 04:23
what is your ionic or angular version – L.Wilon Jul 25 '17 at 04:42
this points to a scoping problem. could you add your controller to the code snippet ? – Sumi Straessle Jul 26 '17 at 08:18

ionic tabs badge don't working if set badge = "object"

1 Answers1