草庐IT

angular-ui-utils

全部标签

javascript - 像 ExtJS 一样编程 jQuery UI

我正在尝试为jQueryUI开发一个抽象层,允许将小部件定义为对象,就像(或类似)ExtJS。这是概念:varmydialog=new$.ui.dialog({modal:true,renderTo:'body',title:'TheWindowsTittle',content:'ThecontentoftheWindow'});现在我可以说:mydialog.show();第一步(我认为)是向jQuery添加类创建函数,这允许创建类:$.MYNAMESPACE.dialog=$.Class({constructor:function(){}//methodsandproperties

javascript - Angular.js 对 ng-repeat 的一项进行更改,导致所有其他项上的过滤器运行

我仍然遇到同样的问题,ng-repeat中的过滤器和函数一直被调用。这里的例子,http://plnkr.co/edit/G8INkfGZxMgTvPAftJ91?p=preview,任何时候你改变一行的东西,someFilter过滤器被调用1000次。显然这是因为子作用域上的任何更改都会冒泡到其父作用域,导致$digest运行,从而导致所有过滤器运行(https://stackoverflow.com/a/15936362/301596)。那正确吗?我怎样才能防止它在我的特定情况下发生?如何让它只在发生变化的项目上运行?在我的实际用例中,即使更改甚至不在ng-repeat的项目上,也

javascript - 带有 PhoneGap + Angular 的 Windows Phone 7 和 8 在引导过程中死机

WindowsPhone7或8PhoneGap3AngularJS1.2我有一个使用AngularJS的PhoneGap应用程序,它在iOS和Android上运行良好,但我在让它在WindowsPhone7和8上运行时遇到了问题。应用程序启动正常,我看到了我的index.html页面(在我的例子中它只是一个加载屏幕)。源文件已加载,我的预启动代码运行良好。然后它停止了,什么也没有发生。我在整个代码中散布了“console.log”消息,我看到它到达了angular.bootstrap()点,然后就死了。我对angular不够熟悉,不知道下一步该做什么,也不知道如何进一步调试它以找出绝对

javascript - 如何修复加载时在网页上显示翻译键的 Angular 翻译?

我正在使用angular-translate对于我的项目中的i8n。我正在使用异步url-loader来加载我的翻译表。$translate.useUrlLoader(myUrl)翻译指令和过滤器都返回我正在翻译的key,直到加载翻译表。以上都在网页上显示'translation.key',直到加载翻译表。注意:我有理由不监听$translationChangeSuccess事件。IamlookingforeitherofthetwosolutionsSynchronouslyloadtranslationtablesfromURL.Don'tshowtranslatedtextunt

javascript - Angular 模态窗口(UI-路由器/指令)

我现在花了一些时间研究使用AngularJS控制模态窗口的通用方法,但没有一个提议的选项接近“好”的解决方案。指令解决方案我找到了this演示,但是它的缺点是您必须手动管理和存储模态的状态并跨范围更新它:scope.$parent[attrs.visible]=true;此外,如果您必须添加更多功能,例如实际添加带有弹出窗口的项目,这将在父页面范围内涉及更丑陋的代码。UI-Router解决方案Thisistheofficialguideonhowtousemodalswithuirouter.然而,这是使用ui.bootstrap.modal我的问题是,坦率地说,这是一个非常简单的问题

javascript - 如何在 Angular 2 中执行 groupBy 操作?

Angular2:2.0.0-alpha.31/typescript1.5我从http.get查询请求数据this.http.get('/data/players.json').toRx().map((res)=>res.json()).subscribe((data)=>{this.players=data;});这个查询返回这个Json对象(this.players)[{"team":"teamA","name":"player1","age":"1"},{"team":"teamA","name":"player2","age":"1"},{"team":"teamA","nam

javascript - 使用 ng-if 或 ng-show 的 Angular 应用中的按钮 'flickering'

我在两个不同的Angular应用程序中遇到过同样的问题,但我一直找不到关于这个问题的任何讨论——这让我觉得我可能遗漏了一些东西。假设我有一个“任务”View,它可以处于多种不同状态,包括“待处理”、“已接受”和“已完成”。将根据任务的状态显示不同的操作按钮,例如:AcceptFlagComplete问题是,当用户点击接受按钮时,会在短时间内显示下面的两个按钮。就好像Angular在DOM中按顺序工作,在ng-ifs之间的短暂时间里,'flag'和'complete'按钮都显示了,因为只有一个被更新了。ng-show也会发生这种情况。请注意,这不是ng-cloak可以解决的问题,ng-c

javascript - 如何对 Angular Directive(指令)进行单元测试

对AngularDirective(指令)进行单元测试并不是很难,但我发现有不同的方法可以做到。为了这篇文章的目的,让我们假设以下指令angular.module('myApp').directive('barFoo',function(){return{restrict:'E',scope:true,template:'BarFoo',controller:function($element,$scope){this.toggle(){this.active=!this.active;}}};});现在我可以想到两种方法对此进行单元测试方法一:describe('Directive:

javascript - 输入字段上的 Angular ng-blur 不起作用

好吧,我很确定我遗漏了一些明显的东西,但我没有看到。我创建了一个fiddle我原以为会在输入框失去焦点时发出警告消息,但它不起作用,我也不知道为什么。当用户执行以下步骤时,我期待一条警告消息:点击输入框输入内容点击输入框外的某处但这些步骤不会显示警告消息。当然,有人知道我做错了什么......?这是代码(与fiddle相同):functionMyCtrl($scope){$scope.validate=function(form){alert('blur!');};} 最佳答案 它可能是你的Angular版本。你的fiddle使用的

javascript - Material-UI 更改输入 float 标签的颜色

我想更改Material-UI的TextField的float标题的颜色。如文档中所述,我将对象颜色作为floatingLabelStyle传递:但这适用于标签的两种状态-悬停在输入上方和输入上但没有焦点时,它应该是灰色的。我想我正在覆盖某种CSS转换,但不知道如何让它工作。有什么建议吗? 最佳答案 这样就可以了InputLabelProps={{style:{color:'#fff'},}} 关于javascript-Material-UI更改输入float标签的颜色,我们在Stack