Angular JS中的Caraousel显示当前页面

Question

我准备了一个小型旋转木马，一次显示两张图像。但是，我还需要显示总页数，如显示小气泡，这将启用底部的当前页面（如点点圆圈）。我没有得到一个合适的。请告诉我。

以下是Plunker

我的代码是

var app = angular.module('myApp', ['ui.bootstrap', 'angular-responsive']);

app.controller('MainCtrl', function($scope) {
  $scope.displayMode = 'mobile'; // default value


  $scope.$watch('displayMode', function(value) {

  switch (value) {
      case 'mobile':
        // do stuff for mobile mode
        console.log('Device :'+value);
      break;
      case 'tablet':
        // do stuff for tablet mode
      console.log('Device :'+value);
    break;
   }
  });
});

其他代码可在Plunker中找到。