Question

我想在我的角度＆＃34; ion-tab＆＃34;上显示徽章。我有一个＆＃34; tabs.html＆＃34;写我的标签代码的文件。

<!-- 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。＆＃34; myjobs.html＆＃34;和＆＃34; tab-newjobs.html＆＃34;正在使用控制器＆＃34; jobCtrl.js＆＃34;。现在我正试图通过＆＃34; jobCtrl.js＆＃34;设置徽章。如下，

$scope.newJobsCount = $scope.jobList.length;

我无法做到，我在浏览器中收到以下错误

错误：[$ parse：syntax]语法错误：令牌＆＃39; {＆＃39;第2列的无效密钥从[{newJobsCount}}开始的表达式[{{newJobsCount}}]。

任何人都可以帮我一个例子如何在角度js ??

中实现徽章

提前致谢。

Answer 1

您是否已经看过这些帖子和样本？

http://codepen.io/beaver71/pen/vLRYvb

Ionic tabs Badge

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：避免使用基元作为模型（此处的标志属性绑定到data.badgeCount，而不仅仅是badgeCount）

如何在角度js中实现徽章

1 个答案: