angular2 - 用户活动和空闲

时间:2016-06-01 12:34:24

标签: angular ng-idle

我希望在我的应用中一段时间​​后用户空闲时注销(或警告用户)。 我正在使用localStroage提供程序,以了解我的用户是否已登录。 我找到了这个问题并回答AngularJS $idleProvider and $keepaliveProvider in Angular2 但无法找到使用这些解决方案的方法。 没有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

如果您对我有任何想法,我怎么能知道我的用户是否闲置它会很棒。 非常感谢

1 个答案:

答案 0 :(得分:3)

您需要注意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'
    }
  }
});