Javascript AngularJS选项卡通知

我正在寻找一种在AngularJS中实现“选项卡通知”的方法，以表明存在需要处理的警报。比如：

      (1)           (3)
TAB_ONE      TAB_TWO      TAB_THREE      

---

你对如何做到这一点有什么建议吗？

我将使用一个UI框架，比如Bootstrap。然后，我将有一个控制器，持有徽章的计数器

(function() {
  var app = angular.module("tabbadges",[]);
  app.controller("badgesController", badgesController);
  function badgesController($scope) {
    $scope.badges = {
      tab1: 4,
      tab2: 6,
      tab3: 2
    };
  }
})();

然后我将为视图创建html

<ul class="nav nav-tabs">
    <li class="nav-item">
       <a class="nav-link active" href="#">Tab one
      <span class="badge badge-pill badge-primary">{{badges.tab1}}</span>
</a>
  <li class="nav-item">
      <a class="nav-link" href="#">Tab two
          <span class="badge badge-light badge-primary">{{badges.tab2}}</span></a>

    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Tab three  <span class="badge badge-light badge-primary">{{badges.tab3}}</span></a>
    </li>
</ul>

[Codepen]（）