使用angularjs在24小时后自动运行弹出窗口

时间:2015-03-10 07:22:19

标签: javascript angularjs local-storage

我有一个带有多个标签的角度模态弹出窗口。我的要求是当用户点击弹出窗口上的“关闭”按钮时需要隐藏该弹出窗口24小时。下次用户访问该页面(24小时后),应自动重新弹出该页面。你能告诉我通过使用angularJS和本地存储实现这一目标的最佳方法吗?任何帮助将受到高度赞赏。

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

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

1 个答案:

答案 0 :(得分:1)

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

  1. 使用原生javascript获取/设置Cookie:https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

  2. 使用angular的$ cookie服务来读取和写入cookie:https://code.angularjs.org/1.3.14/docs/api/ngCookies/service/$cookies(请注意,它不允许您设置过期属性,因此您可以将时间戳放在cookie中并检查时间是否有通过)

  3. 使用一些角度模块更有效地处理cookie,如下所示:https://github.com/ivpusic/angular-cookie