草庐IT

Angular-Google-Maps

全部标签

javascript - 如何使用 Angular 2 检测用户不活动?

我正在尝试创建一个Angular应用程序,其中包含用户在几分钟不活动后需要注销的视频。如果用户正在正常或全屏观看视频,则无需注销。如果选项卡处于非事件状态并且正在播放视频,我需要他在处于非事件状态后注销。 最佳答案 最简单的方法是使用idlejs.它与Angular配合得很好,它包括Typescript的.d.ts绑定(bind)。import{Idle}from'idlejs/dist';//withpredefinedeventson`document`constidle=newIdle().whenNotInteractive

javascript - 如何在 Angular 2 中获取 div 中所有元素的引用?

我有一个包含10个HTML元素的div。我怎样才能获得所有这10个元素的引用并在单击时切换它们的类?...DetachSCSS:.hawk{display:block;width:16px;height:16px;border-radius:10px;line-height:12px;cursor:pointer;&.mock{border-radius:0px;}}我可以使用jQuery很容易地做到这一点,如下所示:detach(){$('.hawk').toggleClass('mock');}这样做的Angular方式是什么?我尝试使用@ViewChild并访问父div但我无法将

javascript - 如何使用 Angular 将列标题包装在 ag-grid 中

我有一些栏目有四个词,即交易前跟进、交易后跟进,其中一些栏目有三个词。我尝试了下面的css将文本换行到多行。::ng-deep.ag-theme-material.ag-header-cell-label.ag-header-cell-text{white-space:normal;overflow-wrap:break-word;}HTML但列标题保持不变。我想将列标题文本换行到多行。有办法做到这一点吗?注意:我可以使用cellStyle:{'white-space':'normal'}来包装内容{headerName:'headername',field:'headerfield'

javascript - 在不向 URL 添加参数的情况下在 Angular 7 中导航

我想在Angular7中的两条路线之间导航,并在它们之间发布数据。但我不想在URL中显示这些参数。如何以正确的方式做到这一点?此刻我正在为这样的事情而苦恼:this.router.navigate(['/my-new-route',{data1:'test',test2:2323,test:'AAAAAAA'}]);并将我的网址更改为http://localhost:4200/my-new-route;data1=test;test2=2323;test=AAAAAAA如何从url中取消这些数据:http://localhost:4200/我的新路线编辑:我的情况:/form-某种形式

javascript - 在 JHipster Angular 应用程序中添加 Google Chart 库

我在我的JHipsterangular7应用程序中使用谷歌图表。在index.html中添加以下脚本标签以加载谷歌图表可视化库google.charts.load('current',{packages:['corechart']});图表运行良好,但我的应用程序越来越慢。如果我在浏览器中移动鼠标,浏览器CPU使用率达到高(100%),这会导致浏览器挂起、响应缓慢等。如果我评论图表div则没有此类问题。是否有任何其他解决方案,例如通过webpack加载脚本? 最佳答案 可以直接使用googlechartsCDN:上面的链接是条形图,

javascript - 解释 Google Analytics 异步跟踪器

我知道谷歌的异步分析跟踪器是如何工作的。以下代码用于初始化命令数组:var_gaq=_gaq||[];_gaq.push(['_setAccount','UA-xxxxxxxx-x'],['_trackPageview']);现在,这是一个标准数组,一旦加载了GA的代码就会被替换,并用作一种存储您的点击的队列。我的困惑在于想知道如果用户单击导致重新加载的链接(在加载GAjavascript之前),这些点击如何可能会持续存在。如果GA代码没有捕获到对_gaq对象的推送,那么用户单击一个链接并转到一个新页面,这个数组每次都只是重新初始化,不是吗?javascript变量不会在导致刷新的请求

JavaScript:自动对 Angular 排列变量多维数组

这更像是一个与数学相关的问题。我正在尝试使用jQuery创建一个可爱的淡入淡出效果,方法是将一个元素分成一定数量的block,然后使每个block淡出,但基于另一个数组延迟淡入淡出效果。所以为了创建block表,我有两个变量:varrows=4,cols=10;这会将元素分成如下block:0123456789101112131415161718192021222324252627282930313233343536373839然后我创建了另一个数组来决定block如何动画。例如,对于从左到右的对Angular线动画,此数组如下所示:order=[0,10,1,20,11,2,30,2

javascript - code.google.com 中使用的内联编辑和格式设置是如何工作的?

最近code.google.com添加了编辑文件和语法突出显示的功能!据我所知,他们在iframe中添加了一个textarea,其中textarea是您输入内容的地方,而iframe显示格式。textarea被向上移动(比如-10000px之类的)所以它是不可见的。我不明白的是他们如何设法让iframe内容表现得像文本区域。例如,如果您复制并粘贴一堆代码,他们会立即对其进行格式化。这很有趣。谁能解释一下这是如何工作的? 最佳答案 谷歌代码usesCodeMirror用于编辑。以下是作者编写的有关其内部结构的文档:Implementi

javascript - 数据绑定(bind) Angular.js 中的函数

在Angular中,我发现你可以将模板绑定(bind)到返回数组的函数,如下所示:{{task.id}}{{task.task}}{{task.start}}{{task.finish}}这非常酷,因为这样我就可以,例如,避免仅仅为了维护数据的过滤版本而保留变量。但是,我也松开了与原始数据的绑定(bind):当基础数据发生变化时,我似乎无法让angular.js发现变化并更新View。有办法吗?我试图在文档中找到任何内容,但找不到非常感谢 最佳答案 如果您从Angular外部更改某些数据,则必须使用$myScope.$apply以便

javascript - angular.js 应用程序中的多个 View

问题我正在尝试构建具有(最初)以下功能的产品列表:服务器端分页服务器端过滤目前我遇到的问题有很多,但最主要的是我似乎无法以最佳方式分离View。每当页面更改时,类别列表都会更新(如果有任何项目被选中,它们将被取消选中)。如何仅在页面加载时加载类别列表?谢谢代码index.html:应用程序.js:'usestrict';angular.module('relv',['relv.filters','relv.services','relv.directives']).config(['$routeProvider',function($routeProvider){$routeProvi