javascript – 如何在角度js中实现徽章
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在角度js中实现徽章,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1298字,纯文字阅读大概需要2分钟。
内容图文
我想在我的角度“离子标签”上显示徽章.我有一个“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”正在使用控制器“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}}].
任何人都可以帮我一个例子如何在角度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:避免使用原语作为模型(这里的badge属性绑定到data.badgeCount,而不仅仅是badgeCount)
内容总结
以上是互联网集市为您收集整理的javascript – 如何在角度js中实现徽章全部内容,希望文章能够帮你解决javascript – 如何在角度js中实现徽章所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。