2017-08-22 75 views
0

我使用了Angular-toaster,它看起來很棒。搜索堆棧,但沒有發現:
如何在我的控制器中存儲烤麪包機容器中的開放麪包的數量?AngularJS-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 
    } 
}); 

在HTML:

<toaster-container></toaster-container> 

上面的代碼是有點假,所以你應該熟悉角烤麪包機來回答這個問題。 非常感謝所有幫助;)

+0

。另外你爲什麼想要計算你的開胃酒。 –

+0

我想要當前打開的祝酒。我在程序的某個地方需要它。如果沒有開放的敬酒,我想隱藏一個按鈕。 –

+0

嗨阿里,我發佈了我的答案是否爲你工作? –

回答

1

可以使用Angularjs烤麪包機的onShowCallbackonHideCallback得到當前打開的烤麪包機指望這樣的:

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