运行 24 小时后自动弹出 angularjs

Automatically run popup after 24 hours with angularjs

我有一个带有多个选项卡的 angular 模式弹出窗口。我的要求是当用户单击该弹出窗口上的 "close" 按钮时需要将该弹出窗口隐藏 24 小时。下次用户访问该页面(24 小时后)时,它应该会再次自动弹出。你能告诉我使用 angularJS 和本地存储或类似方法实现此目的的最佳方法吗?任何帮助将不胜感激。

页面加载时打开弹出窗口:

 $scope.Event.UI.MyModal.Open(); 
 $scope.Active = {
        Dashboard: true
     };

有几种方法可以做到这一点,其中大部分涉及 cookie(我认为不需要本地存储):

  1. 使用本机 javascript get/set cookie:https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

  2. 使用angular的$cookie服务读写cookies:https://code.angularjs.org/1.3.14/docs/api/ngCookies/service/$cookies(注意不让你设置过期时间属性,所以你可以将时间戳放在cookie中并检查时间是否已经过去)

  3. 使用一些 angular 模块来更有用地处理 cookie,像这样:https://github.com/ivpusic/angular-cookie