Javascript 如何在js中实现徽章

Javascript 如何在js中实现徽章,javascript,html,angularjs,ionic-framework,Javascript,Html,Angularjs,Ionic Framework,我想在我的“离子标签”上显示一个徽章。我有一个“tabs.html”文件,其中写入了我的tabs代码 <!-- some code --> <ion-tab icon-off="notificationIconDisabled" icon-on="notificationIconEnabled" href="#/tab/newjob" badge="{{newJobsCount}}" badge-style="badge-assertive"> <i

我想在我的“离子标签”上显示一个徽章。我有一个“tabs.html”文件,其中写入了我的tabs代码

<!-- some code -->
  <ion-tab  icon-off="notificationIconDisabled" icon-on="notificationIconEnabled"  href="#/tab/newjob" badge="{{newJobsCount}}" badge-style="badge-assertive">
    <ion-nav-view name="tab-newjob"></ion-nav-view>
  </ion-tab>
<!-- some code -->
我无法执行此操作,并且我在badge的浏览器中遇到以下错误

错误:[$parse:syntax]语法错误:第2列的标记“{”无效键 从[{newjobsunt}}]开始的表达式[{newjobsunt}}}]的

有谁能帮我举一个如何在angular js中实现徽章的例子吗


提前感谢。

您已经看过这些帖子和示例了吗

但是,请使用属性,例如:

<ion-tab title="About" icon="ion-ios7-information" href="#/tab/about"  badge="data.badgeCount" badge-style="badge-assertive" ng-controller="AboutCtrl" >...</ion-tab>
。。。

PS:避免使用原语作为模型(此处的badge属性绑定到data.badgeCount,而不仅仅是badgeCount)

您正在使用吗?是的……我正在使用ionic。@Noddy先生:badge=“{{newJobsCount}}”必须更改为badge=“newJobsCount”我尝试使用相同的。。。但它不起作用。。。也许我在某个地方犯了点小错误……特别是第三个适合你的需要。注意sintax:
badge=“data.badgeCount”
not
badge=“{{data.badgeCount}}”
<ion-tab title="About" icon="ion-ios7-information" href="#/tab/about"  badge="data.badgeCount" badge-style="badge-assertive" ng-controller="AboutCtrl" >...</ion-tab>