javascript - Angularjs 计算页面浏览量并显示

Question

我想用 angularjs 在我的网站中实现浏览量功能。

该功能与 stackoverflow 问题 View 计数器相同:它是持久化的。

我在想拦截http请求，异步更新后台，在本地更新数据(cookie或者localStorage)。

有什么办法吗？

提前致谢

Answer 1

无论您使用什么路由系统，您都可以 Hook 到路由更改事件，并向服务器发送带有路由名称的请求，以便它可以更新计数器。这是 ui-router 的示例。

.run(function($rootScope, PageViews) {
  $rootScope.$on('$stateChangeStart', function(e, toState) {
    // add a view
    PageViews.add(toState.name);
    // request the total views for this state from the server
    PageViews.get(toState.name).then(function(resp) {
      // add 1 to the result if you want to count the current view
      $rootScope.pageViews = resp.data + 1;
      // let the server know another user has viewed this state
      PageViews.add(toState.name);
    });
  });
})

您可以组合获取/添加请求，以便每次触发它时，您都可以获得页面浏览量，并且如果这样做更适合您，还可以增加一个请求的总计数。

为了演示，PageViews 服务保存到 localStorage，而不是像您希望用于实际应用程序的服务器。 http://jsbin.com/fehoxifabo/1/