Question

我使用了Angular-toaster，看起来很棒。搜索堆栈并没有发现：
如何在控制器中存放多士炉容器中的露天烤面包数量？

angular.module('main', ['toaster', 'ngAnimate'])
.controller('myController', function($scope, toaster) {
    $scope.pop = function(){
        toaster.pop('info', "title", "text");
    };
    $scope.toastCount = function(){
         //solution goes here
    }
});

in html：

<toaster-container></toaster-container>

上面的代码有点伪，所以你应该熟悉Angular-toaster来回答这个问题。非常感谢任何帮助;）

Answer 1

您可以使用Angularjs-toaster的onShowCallback和onHideCallback来获取当前打开的烤面包机数量：

app.controller('myController', function($scope, toaster, $window) {
  $scope.count = 0
  $scope.pop = function() {
    toaster.pop({
      type: 'success',
      title: 'Success',
      body: 'This will work !',
      onHideCallback: function() {
        $scope.count--;
      },
      onShowCallback: function() {
        $scope.count++;
      }
    });
  };
});

正如你在onShowCallback上看到的那样，我已经增加了计数，而在onHideCallback我已减少计数以获得当前打开的烤面包机计数。

这里还有一个工作示例： https://plnkr.co/edit/5WPdpYZJXUX5316obPej?p=preview

AngularJS-Toaster多士炉容器中的吐司数量

1 个答案: