草庐IT

angularJs

全部标签

javascript - 使用 AngularJS 进行子域路由

有使用AngularJS为子域创建路由的解决方案吗?我在谷歌和许多其他网站上搜索过,但我无法解决这个问题。我想像“http://minetop.net/serverName”一样app.config(function($routeProvider){$routeProvider.when('/:serverID',{templateUrl:'../design/template/pages/server.html',controller:'srvCtrl'}).when('/',{templateUrl:'../design/template/pages/home.html',cont

数组上的 JavaScript .map 并在满足条件时删除项目

我有一个数组queue,当对象被修改时我将其推送到它。如果用户按下save,那么我将遍历queue并为他们应用适当的API调用。如果API调用成功,我想从queue中删除该项目,否则将其保留在里面并通知用户某些项目未成功保存。我目前有这个(在AngularJS中)varunsuccessfulItems=[];varpromise=queue.map(function(item){vardefer=$q.defer();myCallFunction(item,function(response){}//Success,function(response){//Errorunsucces

javascript - 使用 bower 将 3rd 方模块安装到 yeoman 生成的 Angular 应用程序中不起作用 - 没有呈现任何内容,也没有错误

我在我的Angular应用程序中包含一些第3方模块时遇到问题,它们的包含导致页面不呈现任何内容。这发生在2个不同的模块上,我尝试了2个不同的Angular生成器(angular-generator和cg-angular),所以这让我觉得我做错了什么。这是timerdirective的示例.我从应用程序根目录运行此命令并确认包已安装在bower_components目录中:bowerinstallangular-timer我将此行添加到index.html以获取指令:我在app.js中将它注入(inject)到我的应用程序中:angular.module('myapp',['timer'

javascript - Bootstrap ui angularjs 与过滤器问题

我正在使用BootstrapUI在我的Angular应用程序中。我在html页面中有一个工具提示,效果很好。我注意到,在显示工具提示并移出鼠标后,Ui-bootstrap-tpls.js触发了一个名为“hideTooltipBind”的方法,该方法依次调用$apply并触发该范围内的过滤器重新加载。假设我在范围内有10个过滤器,每个过滤器过滤100个数组。每次显示工具提示时,我的所有过滤器都被迫重新加载。我怎样才能避免这种情况?我正在使用//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.jsjquery-2.0.3.jsu

javascript - 如何使用 Protractor 中的特定功能运行某些套件

我有一个同时适用于桌面浏览器和移动浏览器的网站,显然它们具有不同的UI。在我的Protractor配置文件中,一些套件需要使用普通(桌面)用户代理运行,而其他一些套件需要使用移动用户代理运行。我知道有一个名为multiCapabilities的选项:multiCapabilities:[{'browserName':'chrome'},{'browserName':'chrome','chromeOptions':{'args':['--user-agent="iphone"']}}],像这样使用配置可以在这两个浏览器(一个用于桌面,另一个用于移动)上运行所有套件,但我想知道是否有一种

javascript - Angular 1.3 动画在 Firefox 中不起作用

我们有一个ng-repeat指令,它使用ng-hide根据选定的索引进行动画显示和隐藏。动画在除Firefox之外的所有浏览器中都能正常工作。在Firefox中,.ng-hide-remove的动画不工作。你可以看到它移动了一点然后停了下来。我使用的是Firefox33.0版,但我也尝试过32.0版。此问题仅在Angular1.3中出现,相同的代码在使用Angular1.2版的Firefox中有效。这是重复代码Item:{{item}}这是css样式:.item{position:absolute;top:50px;left:200px;border:solid1pxblack;pad

javascript - 使用 angularjs 和 ngPattern 验证 UTF-8 名称

有没有一种方法可以在表单验证中使用ng-pattern来验证来自任何字母表(拉丁文、中文、韩文、俄文...)的任何字母。我找到了一个使用XRegExp库的解决方案,但不适用于ng-pattern,因为它需要一个字符串正则表达式。XRegExp("^\\p{L}[\\p{L}']*$")一个解决方案是构建我自己的验证器指令,但如果可能的话我更愿意使用ng-pattern。 最佳答案 您仍然可以在ng-pattern中使用该正则表达式。您只需要像这样将正则表达式文字作为字符串传递:ng-pattern="/^\\p{L}[\\p{L}'

javascript - 使用 ng-repeat 和 limit-to 以及来自 tether.js 的工具提示时,在 jQuery 中出现上下文错误

首先,我知道这是一个非常棒的标题。我最近接手了angular-tooltip并正在尝试为我的主要工作项目构建自定义工具提示。在我的项目中,我有一个简单的ng-repeat指令使用库的说明,我定义了一个自定义工具提示指令:myApp.directive('companyProfileTooltip',['$tooltip',($tooltip)=>{return{restrict:'EA',scope:{profile:'@companyProfileTooltip'},link:(scope:ng.IScope,elem)=>{vartooltip=$tooltip({target:e

javascript - 对页面或其 Controller 进行基准测试

我最近继承了一些AngularJS代码(我无法发布代码),并注意到初始加载有很大的延迟。这是完全不能接受的,我需要优化它。使用Chrome的时间轴,我注意到有很多脚本不是特别有意义。我尝试使用Batarang,但即使是最长的表达式也只是一个日期函数,与其他所有内容相比可以忽略不计。我有一种感觉,它是Controller,因为它的脂肪和意大利面条令人难以置信,我需要以某种方式对该Controller进行基准测试,或者至少在我开始重构之前弄清楚瓶颈是什么。 最佳答案 我最后所做的只是做出promise并减去unix时间的差异,以了解需要

javascript - 使用 ng-repeat 时如何获得元素的正确高度和偏移值?

我正在尝试获取列表项的偏移量和高度。一旦我有了这些,我就在父指令上调用一个函数。最后,这将是进入View时进出的过渡元素。问题:由于ng-repeat(我不知道为什么),el[0].offsetheight和el[0].getBoundingClientRect().top;值几乎是随机的;除非,我在逻辑周围包装了一个$timeout。我认为这是因为样式有时间渲染?问题:如何在不包装$timeout或使用$watch的情况下获得准确的偏移量和高度。HTML:...JS:app.directive('spyed',function(){return{require:'^scrollSpy