Dynamically adding notifications example grows indefinitely about angular-growl-notifications HOT 5 CLOSED

+1

from angular-growl-notifications.

If you want the object to stay in sync with the notifications in your UI, you can use the $timeout service to accomplish this:

$scope.add = function(notification){
  var i;

  if(!notification){
    $scope.invalidNotification = true;
    return;
  }

  i = index++;
  $scope.invalidNotification = false;
  $scope.notifications[i] = notification;
  $timeout(function(){
    delete $scope.notifications[i];
  }, timeoutOfYourNotification);
};

Can you let me know if that provides you with your desired behavior?

May I ask what the use case is in your application? Then I can get a better idea if this needs better support.

Thanks in advance!!

from angular-growl-notifications.

The goal would be to have an array to represent individual notifications.
Then in spirit of AngularJS removing a notification on the screen (e.g.,
pressing the 'x' button or by reaching the TTL set within the HTML) would
also remove the corresponding element from the array (i.e., array length
would be previous length -1); correspondingly removing an element from the
array in javascript (e.g., splice) would remove the notification from the
screen.

On Mon, Sep 14, 2015 at 11:38 AM, Jurgen Van de Moere <
[email protected]> wrote:

If you want the object to stay in sync with the notifications in your UI,
you can use the $timeout service to accomplish this:

$scope.add = function(notification){
var i;

if(!notification){
$scope.invalidNotification = true;
return;
}

i = index++;
$scope.invalidNotification = false;
$scope.notifications[i] = notification;
$timeout(function(){
delete $scope.notifications[i];
}, timeoutOfYourNotification);
};

Can you let me know if that provides you with your desired behavior?

May I ask what the use case is in your application? Then I can get a
better idea if this needs better support.

Thanks in advance!!

—
Reply to this email directly or view it on GitHub
#17 (comment)
.

from angular-growl-notifications.

@frantisekbrabec — Okay, I understand your use case.

If you need synchronization of notifications with an array, there may be more appropriate solutions like angular-toastr or even angular-cache if you want to implement your own notifications system.

This library was designed to be completely declarative using a simple directive in the view, which keeps it very light and fast, but also limited in its API, making it a less appropriate choice if you need more programmatic control.

However, you can still accomplish what you need using the code I posted above.

Thanks for your feedback, really helpful and truly appreciated!

from angular-growl-notifications.

I will close this issue for now, feel free to add comments in case of additional questions or opinions.

from angular-growl-notifications.