angular2 - 用户活跃和空闲

Question

当我的用户在我的应用程序中闲置一段时间后，我想注销（或警告用户）。我正在使用 localStroage 提供程序来了解我的用户是否已登录。我找到了这个问题和答案但找不到使用这些解决方案的方法。没有 ngZone.onTurnDone 和但是当我使用 ng2-idle 我得到

Error: SyntaxError: Unexpected token <
at Object.eval (http://127.0.0.1:8080/node_modules/ng2-idle/core.js:12:14)
at eval (http://127.0.0.1:8080/node_modules/ng2-idle/core.js:33:4)
Evaluating http://127.0.0.1:8080/src/@angular/core
Evaluating http://127.0.0.1:8080/node_modules/ng2-idle/core.js
Error loading http://127.0.0.1:8080/src/app/main.js

如果您对我有任何关于如何确定我的用户是否空闲的想法，那就太好了。非常感谢

Answer 1

您需要注意 ng2-idle 利用 Angular2 RC 版本并且 Beta 和 RC 版本之间存在模块名称更新。

您的错误发生在库（文件 core.js）中的以下行：

var core_1 = require('@angular/core');

这种情况下的配置如下：

System.config({
  map: {
    'ng2-idle': 'node_modules/ng2-idle'
  },
  packages: {
    app: {
      main: './main.ts',
      defaultExtension: 'ts'
    },
    '@angular/core': {
      main: 'core.umd.js',
      defaultExtension: 'js'
    },
    '@angular/compiler': {
      main: 'compiler.umd.js',
      defaultExtension: 'js'
    },
    '@angular/common': {
      main: 'common.umd.js',
      defaultExtension: 'js'
    },
    '@angular/platform-browser-dynamic': {
      main: 'platform-browser-dynamic.umd.js',
      defaultExtension: 'js'
    },
    '@angular/platform-browser': {
      main: 'platform-browser.umd.js',
      defaultExtension: 'js'
    },
    '@angular/http': {
      main: 'http.umd.js',
      defaultExtension: 'js'
    },
    rxjs: {
      defaultExtension: 'js'
    }
    'ng2-idle': {
      defaultExtension: 'js'
    }
  }
});

angular2 - 用户活跃和空闲

angular2 - user active and idle

angular

ng-idle