Angular 角度2-用户活动和空闲

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

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

错误：语法错误：意外标记<
在Object.eval(http://127.0.0.1:8080/node_modules/ng2-idle/core.js:12:14）
评估时(http://127.0.0.1:8080/node_modules/ng2-idle/core.js:33:4）
评价http://127.0.0.1:8080/src/@角/芯
评价http://127.0.0.1:8080/node_modules/ng2-idle/core.js
加载错误http://127.0.0.1:8080/src/app/main.js

如果你对我有什么想法，我怎么才能知道我的用户是否空闲，这将是伟大的。

---

非常感谢

您需要知道ng2 idle利用了Angular2 RC版本，并且在测试版和RC版本之间有模块名称更新

您的错误发生在库的以下行（文件

core.js

）：

以下是这种情况下的配置：

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'
    }
  }
});

---

如何配置ng2空闲？谢谢它几乎解决了我的问题：）。我的angular版本不喜欢以下语法：exports.IDLE\u PROVIDERS=[simpleexpiry\u 1.simpleexpiry，core\u 1.provide（idleexpiry\u 1.idleexpiry，{useExisting:simpleexpiry\u 1.simpleexpiry}），IDLE\u 1.IDLE]；ib ng2 idle/core.js，所以我不得不稍微改变一下。你知道那件事吗？不管怎么说，你的建议真的起了作用，现在对我起作用了。谢谢

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'
    }
  }
});