重新加载页面时数据从变量中删除

Question

我正在laravel和angular js中工作。在laravel，我使用了事件广播并使用推送通知。而在角度上，我已订阅频道并收到该通知。

现在，我将推送器数据存储到一个变量中，并将其显示为html。但是，当我重新加载页面比通知被删除。

角JS：

Pusher.logToConsole = true; 

var pusher = new Pusher('Pusher-key', { 
    cluster: 'ap2', 
    encrypted: true 
}); 

var channel = pusher.subscribe('ticket-'+$login_user_id); 
channel.bind('ticket-notification', function(data) { 
    var i = $scope.notification.length; 
    $scope.notification[i] = {"id":data.ticket.id,"subject":data.ticket.subject}; 
    $scope.total_notification = $scope.notification.length; 
    console.log($scope.total_notification); 
}); 

this.update_notification = function(notification_id,index) { 
    $scope.notification.splice(index,1); 
    $scope.total_notification = $scope.notification.length; 
} 

现在，我想存储通知变量globally.So当我重装比它不能对变量影响页，并且还可以在其他浏览器中显示。

那么我该怎么做？

Answer 1

您可以将变量保存在浏览器的本地存储中。所以它不会在刷新时被删除。但是，您将无法从其他浏览器获取该文件，因为所有浏览器都基于域维护自己的本地存储副本。如果是这种情况，您将不得不开发一些机制从服务器端获取通知。

Answer 2

localStorage将是完美的。 将推送器数据设置为localStorage。现在，无论何时重新加载页面，都会从localStorage获取存储的数据。

Here你可以找到更多关于localStorage的信息。