我想在我的 Angular “ ionic 标签”上显示一个徽章。我有一个“tabs.html”文件,其中写有我的标签代码。
<!-- 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 -->
我还有其他文件,如 tab-setting.html、tab-myjobs.html 和 tab-newjobs.html。 “myjobs.html”和“tab-newjobs.html”正在使用 Controller “jobCtrl.js”。现在,当我尝试通过“jobCtrl.js”设置徽章时,如下所示,
$scope.newJobsCount = $scope.jobList.length;
我无法做到这一点,我在浏览器中遇到徽章错误
Error: [$parse:syntax] Syntax Error: Token '{' invalid key at column 2 of the expression [{{newJobsCount}}] starting at [{newJobsCount}}].
谁能帮我举例说明如何在 Angular js 中实现徽章??
提前致谢。
最佳答案
您是否已经看过这些帖子和示例?
http://codepen.io/beaver71/pen/vLRYvb
http://play.ionic.io/app/52586f24b84d
http://codepen.io/calendee/pen/knyLj/
https://forum.ionicframework.com/t/badge-icons-in-tabs/626/10
但是使用badge属性,例如:
<ion-tab title="About" icon="ion-ios7-information" href="#/tab/about" badge="data.badgeCount" badge-style="badge-assertive" ng-controller="AboutCtrl" >...</ion-tab>
PS:避免使用primitives作为model(这里的badge属性绑定(bind)data.badgeCount,不仅仅是badgeCount)
关于javascript - 如何在angular js中实现徽章,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34993587/