Javascript 如何在js中实现徽章
我想在我的“离子标签”上显示一个徽章。我有一个“tabs.html”文件,其中写入了我的tabs代码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
<!-- 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”
notbadge=“{{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>