问题标签 [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 回答
453 浏览

angularjs - 如何使用 ng-idle 标题指令更改标题

我正在尝试使用 ng-idle 更改页面标题:

我的标题:

似乎不起作用的代码:

取自https://github.com/HackedByChinese/ng-idle/issues/128

我在这里错过了什么吗?如果没有上面的代码,标题也不会改变。

我也有TitleProvider.enabled(true);以防万一。

0 投票
1 回答
665 浏览

javascript - 无法显示引导 UI 模式

在我的 AngularJS 应用程序中,我正在使用该ngIdle模块并遵循作者在他的 Github https://hackedbychinese.github.io/ng-idle/上分享的演示。

我注入了所有正确的依赖项,加载了所有正确的 CDN,并且功能正在运行,但似乎我的控制器无法访问bootstrap-ui $uibModal.

我的 CDN 和文件是这样加载的:

两者所需的模块ui-bootstrapngIdel注入如下:

我的控制器在 Angularcomponent中,也有所需的注入:

问题

为什么当函数在运行并且没有返回错误时,当用户是 Idel 时,modal 没有打开?下面提供了 HTML。

0 投票
1 回答
881 浏览

javascript - 如何在 Ng-Idle 模块中包含鼠标悬停事件

我们正在使用 Angularjs 1.5 和 Ng-Idle 模块来捕获应用程序中特定时间间隔内的用户不活动时间。如果超时达到用户根据空闲开始和空闲结束刷新用户会话,我们会显示警报窗口。当用户真正处于非活动状态时,这种方法很好,这意味着他不会滚动、鼠标单击或输入任何内容,但它不会通过简单地将鼠标移动到应用程序上来检测用户何时在屏幕上处于活动状态。无论如何添加额外的事件来捕获像 Ng_Idle 模块中的鼠标悬停以通过更多事件来破坏不活动?

请找到代码片段,它是从这里引用的

0 投票
1 回答
270 浏览

angularjs - 导入不同名称的包类型

我正在将现有项目转换为打字稿。该项目正在使用包 ng-idle并且它具有名称为angular-idle的 @types 包,并且文件@types/angular-idle/index.d.ts包含

如何导入这个包

或者

0 投票
3 回答
775 浏览

angularjs - 从属性文件配置 IdleProvider 和 KeepaliveProvider

我对 Angular 很陌生,在配置 IdleProvider 和 KeepaliveProviders 时遇到问题。请理解这个问题:我已经正确配置了这两个提供程序,并且我的空闲超时正在工作。我正在寻找的是如何提供值通过从属性文件中读取这些值来发送给这些提供者。我已经能够从属性文件中读取值,但我无法在我的 .config() 方法中将它们传递给提供者。

我正在使用 angular 1.4.3(请不要让我升级 - 我刚刚加入了一个他们正在使用它的项目。

这是我在 route.js 中的配置方法

我有一个服务类,我在其中读取我的属性文件并将结果设置在 $sessionStorage 但我无法将 sessionStograge 注入上面的 .config(..) 方法,因为您只能将常量和提供程序注入 .config( ..)。任何帮助,将不胜感激!

=======编辑了后续问题====

  1. 我有以下项目结构,但不知道在哪里创建提供程序。webapp/静态/app/js

    • 控制器(这里的所有控制器)
    • 指令者(这里的所有指令)
    • 服务(这里的所有服务)
  2. 另外,我可以像这样在提供者构造函数中创建 tryConstant.layouts.idleTime 吗?

    • layout.idleTime=xyz
    • layout.intervalTime=abc
  3. 我在哪里注入 $sessionStorage 或提供程序中的服务?

0 投票
2 回答
1435 浏览

angularjs - 多个选项卡的 Ng-Idle 问题

如果我们在多个选项卡中使用相同的应用程序,则两个应用程序都使用相同的本地存储来存储 ngIdle.expiry,并且一个应用程序扩展另一个应用程序的会话。在当前版本中是否有解决此问题的方法,例如配置会话存储而不是本地存储或更改 ngIdle.expiry 中的 id 字段。

0 投票
0 回答
578 浏览

javascript - 如何使用 ng-idle 模块运行量角器测试

我已将ng-idle模块安装到我的AngularJS应用程序中。

我接下来设置这个模块:

一切都很完美。但是现在我正在尝试运行量角器测试,并且它们因下一个错误而失败:

失败:等待异步 Angular 任务在 11 秒后完成超时。这可能是因为当前页面不是 Angular 应用程序。有关更多详细信息,请参阅常见问题解答:https ://github.com/angular/protractor/blob/master/docs/timeouts.md#waiting-for-angular

没有这个模块,每个测试都通过了。

谢谢!

0 投票
1 回答
1342 浏览

angular - 当系统进入睡眠状态时,角度 6 中的 Ng-idle 会暂停

我使用了 Ng Idle 版本 6.0.0-beta.3 并使用 angular 6,这个库工作正常,系统开启,但是当系统进入睡眠模式时计时器停止。如何实现空闲状态是系统进入睡眠状态?

我使用了 Ng Idle 版本 6.0.0-beta.3 并使用 angular 6,这个库工作正常,系统开启,但是当系统进入睡眠模式时计时器停止。如何实现空闲状态是系统进入睡眠状态?

0 投票
2 回答
2392 浏览

angular - ng-idle/core onIdleEnd 和 Mat-Dialog 有问题

我在 Ng-Idle、Material 6 和 Angular 6 中发现了一个问题

场景

当用户空闲时,对话框(弹出窗口)显示倒计时,直到用户退出系统。如果用户在退出鼠标活动之前返回,倒计时将停止并且对话框将关闭/消失。

问题

但是,在 Angular 5 中,此功能在我升级到 Angular 6 之前运行良好。当用户在 之前返回时onTimeout,它会触发 ,onIdleEnd但对话框不会在鼠标活动时消失。我创建了一个 Angular 6 应用程序来复制该问题。我正在尝试确定这是 Ng-Idle 还是 Angular 问题。

Stackblitz 与 Ng-Idle

Stackblitz 显示 Mat-Dialog 在 10 秒倒计时后关闭

Github

有没有人遇到过这个问题?

0 投票
1 回答
703 浏览

angular - Angular 6双重订阅问题

当空闲超时在我的应用程序中结束时,我想发出刷新令牌 API 调用...

我这样做的错误代码是:

但是,由于某种原因,这会以指数方式触发刷新令牌,这是不可取的,并且最终会创建一个竞争条件,当已经发布了一个新令牌(从本地存储读取)时发送了一个无效令牌。

因此,当空闲计时器触发一次并且我摆动鼠标时,刷新令牌触发一次,但是第二次触发两次,第三次触发 4 次,我如何让它在每个空闲结束时触发一次?