问题标签 [ng-idle]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
386 浏览

angularjs - AngularJS注入第三方模块ngIdle

我有一个控制器,如下所示。

我尝试包含一个名为 ngIdle 的第三方模块,生成的代码如下所示。

现在我收到一个错误错误:[$injector:unpr] Unknown provider: curUserProvider <- curUser <- MainController。这是 curUser 工厂定义

0 投票
4 回答
21736 浏览

angular - Angular 6 ng-空闲

我有一个运行良好的 Angular 项目,我正在实施 NG-IDLE 和 KeepAlive,以保持会话新鲜并在 API 会话到期之前注销用户。

我的问题是 ng-idle 也在登录页面上运行,这显然不是必需的,因为当它超时时,它会将人带到登录页面。

所以我在我的 app.component.ts 中启动并运行了 ng-idle 和 KeepAlive,但由于我使用的是延迟加载,所以我还有一个 authentication.module.ts 和一个 login.component.ts。

我的根 app.component.ts 中的代码如下:

我知道我需要调用 idle.unwatch 以防止空闲运行和 idle.watch 在需要时调用,但是我如何从登录或身份验证模块调用它们,或者我可以从根 app.component 检测。 ts?

毫无疑问,你可以说我是 Angular 的新手,所以如果这是一个菜鸟问题,我深表歉意。

0 投票
2 回答
378 浏览

javascript - 弹出在 HTML 元素的末尾

我正在构建带有会话超时示例(ng-idle)的 angular 4 应用程序,当用户不执行任何活动时,我会在其中呈现弹出窗口(引导程序 3)。

this.idle.onIdleStart.subscribe(() => this.isIdleState = true);

当这个标志时,它正在流行this.isIdleState = true

问题是 pop 显示在 Angular 应用程序的 HTML 元素的末尾。

而根据引导文档,它应该出现在 z-index 中。例如

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h

app.compoenent.html 中的 Html 代码,以便 pop 在每个组件上都可用。

它的出现方式是 Pop 在元素之后显示

我尝试将 z-index 属性添加到 pop div 但这不起作用任何帮助将不胜感激。

0 投票
1 回答
2865 浏览

angular - NgIdle -Angular-如何仅在我们单击对话框时停止倒计时值

我在我的 Angular 应用程序中实现了一个会话超时模块,它监控空闲时间并打开会话超时对话框并在对话框上显示倒计时值。问题是当我在该屏幕上移动鼠标或至少触摸该屏幕时,倒计时值停止,但我只想在我单击对话框而不是屏幕上的任何内容时才停止对话框上的倒计时值。我认为如果我们提供自定义中断,如下面的链接所示,可以做到这一点

例如,如果我只配置鼠标单击,它可以停止对话框上的倒计时,但这不会发生。可能是这个问题可能是因为我正在从另一个组件打开会话超时对话框。

但我无法停止倒计时,这是我的示例代码

谁能指导我们如何做到这一点?

0 投票
1 回答
150 浏览

php - 用户重新进入组件时如何避免反乘?

我正在使用 angular-user-idle npm 包来跟踪浏览器的非活动状态并在预设的 timeout 上显示会话弹出弹出窗口。当您在超时时不从该特定组件重定向时,该库运行良好。当您重定向到主页或类似页面并重新输入相同的较早组件时,如果这次发生超时,弹出窗口现在会出现多次。

现在为了向您解释这一点,我在下面的屏幕截图中显示了第一次加载组件和第二次加载组件期间的计数器编号。如果您仔细查看每个计数器的第二个图像编号是否出现了两次。是什么原因导致弹出多次出现?我怎样才能避免它?

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
380 浏览

angularjs - TypeError:无法读取angularjs ng-idle中未定义的属性'watch'?

我正在尝试在登录控件中编写空闲超时问题,但我得到了未定义的无法读取属性'watch'。

我正在尝试在 Tomcat Server 7 和 Angular 1.5 中执行以下代码

我从https://jsfiddle.net/esoyke/fkqLqy7c/获取代码。

我收到以下错误:

0 投票
0 回答
192 浏览

unit-testing - 我在理解如何在我的应用程序中为 ng-idle 核心编写单元测试时遇到问题

我在我的 Angular8 应用程序中使用 ng idle core 来处理空闲超时场景,我不知道如何通过为 Idle 设置模拟值来编写单元测试。如果有人可以通过提供 plunkr 示例或共享代码片段来帮助我,那将会很有帮助。谢谢

0 投票
0 回答
197 浏览

iframe - 用户的空闲状态(使用 ngIdle)正在中断,同时使用角度 5 中的 Iframe 从身份服务器静默刷新访问令牌

我的应用程序如何工作。

我每 10 分钟使用Iframe从身份服务器刷新一次令牌。我在我的应用程序中使用ngIdle来跟踪用户的空闲情况。

每 10 分钟调用一次刷新

使用 iframe 调用 URL

如果用户空闲同时又调用了silentrefresh,则用户的空闲时间被中断并重新启动。

我已经尝试从 iframe 中访问其他一些 URL,但这并没有中断空闲。它只发生在身份服务器的情况下

0 投票
1 回答
1019 浏览

angular - 业力空闲测试失败

我已经用 ng-idle 实现了空闲功能,效果很好。我正在尝试使用 karma/jasmine 进行测试,但我无法使用我的空闲服务:

更新2

我的注射服务规范

测试过程中的错误是:

TypeError: this.expiry.now is not a function at Idle.watch at TimeoutService.reset at TimeoutService.initIdle

0 投票
1 回答
548 浏览

angular - ng-idle-package-accessor-declared-in-ambient-context 角度为 ng-idle 的错误

我已经为浏览器超时安装了 ng-idle。该功能工作正常,没有编译错误,但此错误显示 ERROR in ../node_modules/@ng-idle/core/lib/eventtargetinterruptsource.d.ts(29,9): error TS1086: An accessor cannot be declared in an环境语境。 安装的软件包是: npm install --save @ng-idle/core @ng-idle/keepalive angular2-moment

下面是我的 package.json

请帮我删除这个错误