Replace $timeout with $interval (#47)

Author: bvangennep

demo/javascripts/main.js

@@ -32,7 +32,7 @@ $.fn.putCursorAtEnd = function () {
 
 // Demo controller
 var app = angular.module('demoApp', ['ngFlash', 'ngAnimate']);
-app.controller('FlashDemoCtrl', ['$rootScope', '$scope', 'Flash', '$timeout', function ($rootScope, $scope, Flash, $timeout) {
+app.controller('FlashDemoCtrl', ['$rootScope', '$scope', 'Flash', '$interval', function ($rootScope, $scope, Flash, $interval) {
     $scope.success = function () {
         var message = '<strong>Well done!</strong> You successfully read this important alert message.';
         Flash.create('success', message);
@@ -138,10 +138,10 @@ app.controller('FlashDemoCtrl', ['$rootScope', '$scope', 'Flash', '$timeout', fu
     $('#newList').on('keypress', function (e) {
         if ($(this).val() !== '') {
             if (e.which == 13) {
-                $timeout(function () {
+                $interval(function () {
                     $scope.add();
                     return false;
-                }, 100);
+                }, 100, 1);
             }
         }
     });

dist/angular-flash.js

@@ -132,7 +132,7 @@ app.provider('Flash', function() {
     this.setShowClose(true);
     this.setTemplatePreset('bootstrap');
 
-    this.$get = ['$rootScope', '$timeout', function($rootScope, $timeout) {
+    this.$get = ['$rootScope', '$interval', function($rootScope, $interval) {
         const dataFactory = {};
         let counter = 0;
 
@@ -162,15 +162,15 @@ app.provider('Flash', function() {
             }
             $rootScope.flashes.push(flash);
             if (flash.timeout) {
-                flash.timeoutObj = $timeout(function() {
+                flash.timeoutObj = $interval(function() {
                     $this.dismiss(flash.id);
-                }, flash.timeout);
+                }, flash.timeout, 1);
             }
             return flash.id;
         };
         dataFactory.pause = function(index) {
             if ($rootScope.flashes[index].timeoutObj) {
-                $timeout.cancel($rootScope.flashes[index].timeoutObj);
+                $interval.cancel($rootScope.flashes[index].timeoutObj);
             }
         };
         dataFactory.dismiss = function(id) {

dist/angular-flash.js.map

@@ -1,7 +1,7 @@
 describe('Unit testing Angular Flash', function() {
     var $compile,
         $rootScope,
-        $timeout,
+        $interval,
         node,
         Flash;
 
@@ -10,11 +10,11 @@ describe('Unit testing Angular Flash', function() {
 
     // Store references to $rootScope and $compile
     // so they are available to all tests in this describe block
-    beforeEach(inject(function(_$compile_, _$rootScope_, _$timeout_, _Flash_) {
+    beforeEach(inject(function(_$compile_, _$rootScope_, _$interval_, _Flash_) {
         // The injector unwraps the underscores (_) from around the parameter names when matching
         $compile = _$compile_;
         $rootScope = _$rootScope_;
-        $timeout = _$timeout_;
+        $interval = _$interval_;
         Flash = _Flash_;
     }));
 
@@ -79,7 +79,7 @@ describe('Unit testing Angular Flash', function() {
         var contents = node.contents()[0];
         expect(contents.querySelectorAll('.alert').length).toEqual(1);
 
-        $timeout.flush();
+        $interval.flush();
         $rootScope.$digest();
         expect(contents.querySelectorAll('.alert').length).toEqual(0);
     });