如何将 tabs.html 中的徽章链接到控制器答案

【问题标题】：How do I link a badge in my tabs.html to a controller如何将 tabs.html 中的徽章链接到控制器
【发布时间】：2016-03-03 18:24:14
【问题描述】：

我的 index.html 中有我的内容，我还在 app.js 的所有正确位置注入了它，这是我的徽章代码：

  <ion-tab title="Cart" icon-off="ion-ios-cart-outline" badge-style="badge-assertive" badge="{{tc.badgeNumber}}" icon-on="ion-ios-cart" href="#/tab/cart">
<ion-nav-view name="tab-cart"></ion-nav-view>

然后这是我的控制器代码：

* Created by gabed on 3/3/16.
 */
(function(){
   'use strict';

  angular.module('tabModule', [])
    .controller('tabCtrl', tabCtrl);
   tabCtrl.$inject = ['cartService','$scope','$timeout'];
  function tabCtrl(cartService,$scope,$timeout) {
    var tc = this;
    tc.badgeNumber = 5;
  }

})();

【问题讨论】：

标签： javascript angularjs controller ionic-framework

【解决方案1】：

您应该能够在 app.js 文件中添加控制器。

  .state('tab', {
      url: '/tab',
      abstract: true,
      controller: 'TabsCtrl',
      templateUrl:  "templates/tabs.html"
  })

【讨论】：

.state('tab', { url: '/tab', abstract: true, templateUrl: 'templates/tabs.html', controller: 'tabCtrl as tc' })
嗯，尝试将您的徽章编号绑定到$scope。 $scope.tc.badgeNumber