草庐IT

angularjs-material

全部标签

javascript - AngularJS 父指令与子指令通信

考虑两个具有独立作用域的嵌套指令:如果我想要dctv2与dctv1交谈我有可能的选择:我可能需要dctv1的Controller在dctv2的定义中使用require:'^dctv1'我可以使用包装器调用父作用域上的表达式和scope:{callParent:'&'}我也可以使用$scope.$emit在dctv2但随后所有父作用域都会听到该消息。现在我要dctv1与dctv2交谈.我能做到这一点的唯一方法是使用$scope.$broadcast,但是所有的child都会听到。在这里交谈是指调用函数或类似函数。不想设置watch阻塞摘要循环。我怎样才能制作dctv1通知dctv2以最好

javascript - 同一页面中的 AngularJS、D3 和 JQuery。 D3 无法读取正确的 DOM 维度

我的页面无法正确加载,这让我很苦恼。我在html5和CSS3中使用简单的页眉-主体-页脚结构。+----------+|HEADER|+---+----------+---+|BODY|+---+----------+---+|FOOTER|+----------+我现在正在做的是在body空间内创建一个带有D3的svg,在加载窗口(以及图片)后动态读取宽度和高度。现在我想添加Angular以避免网站每个页面内的代码冗余,我这样做了:(function(){varapp=angular.module('neo4art',[]);varpages={"genesis.html":"The

javascript - Angularjs:tr 标签上的 ng-repeat 和 ng-switch

我正在尝试使用AngularJS创建一个事件列表表。但是每个事件都有一个类型,不同类型的事件内容截然不同,有些类型还会生成不止一行。在一个完美的世界里,我会这样做:............但这行不通,因为大多数浏览器会丢弃或重新定位ng标签以强制tbody仅包含trs。我见过的相关问题(Howtouseng-repeatwithoutanhtmlelement)的唯一解决方案是拥有多个tbody元素;我宁愿不这样做,但即使我这样做,给tbodyng-repeat和ng-switch属性,我仍然有我不能在单个ng-switch-when中包装多个trs的问题.有没有办法在AngularJ

javascript - 使用 Ionic/AngularJS 和 Cordova 为 native 和 Web 应用程序使用相机

我正在尝试使用相机,我想知道您是否有任何关于如何使其在网络/native上工作的示例。我有这段代码,是从ng-cordova文档中借来的:$scope.takePicture=function(){varoptions={quality:75,destinationType:Camera.DestinationType.DATA_URL,sourceType:Camera.PictureSourceType.CAMERA,allowEdit:true,encodingType:Camera.EncodingType.JPEG,targetWidth:100,targetHeight:1

javascript - 我如何在 AngularJS 应用程序中使用 grunt-uncss?

我的AngularJS应用程序由两个url组成:http://myapp/#/foohttp://myapp/#/bar这是简化的index.html文件:除了包含应用程序逻辑外,script.js文件还包含通过$templateCache加载的html模板服务。随着http://myapp/#/foourl,foohtml模板被插入到中元素。同样,使用http://myapp/#/barurl,barhtml模板插入到中.我想做的是使用grunt-uncss减少style.css的任务尺寸。我的第一次尝试是:uncss:{dist:{files:{'style.css':['inde

javascript - 未聚焦时 Angular Material 输入不显示值

我正在使用AngularMaterial1.0.3和元素已正确设置,但如果我单击一个元素以使其聚焦,则它们的值是可见的。一旦它没有聚焦,我就看不到它的值(value)。标记如下:Somelabel在检查它是否是CSS问题后,我发现以下CSS选择器正在转向color进入transparent:md-input-container:not(.md-input-has-value)input:not(:focus){color:transparent;}显然,输入似乎没有.md-input-has-valueCSS类。目前,我无法弄清楚出了什么问题。附加信息在我的例子中,与AngularMa

javascript - 如何将一个数组项传输到另一个数组并使用 Angular Material Drag n Drop CDK 更新它,而无需两个项目都绑定(bind)到相同的参数

我正在使用AngularMaterialDragNDropCDK将一组默认项目(列表1)移动到动态项目列表(列表2)。当我将默认项目(L1)拖到动态项目(L2)中,然后更新现在的动态项目(NewL2Items)时,它也会更新默认项目(OldL1Item)。当您将默认项(L1)拖到动态项(L2)时,默认列表(L1)会使用resetList方法重置回其原始数组。我的目标是更新现在的动态项目(新L2项目)并可能将相同的默认项目(已重置的旧L1项目)拖到动态列表(L2)中,创建另一个新的动态项目(另一个新的L2项目)。我遇到的问题是,当我将默认项(L1)拖到动态列表(L2)中时,然后将新的动态

javascript - 这个示例 AngularJS 无限滚动是如何工作的

我在搜索一些示例AngularJS脚本时找到了这个示例,但后来我似乎无法理解代码的Angular模块和指令部分。虽然我已经设法编辑loadMore()函数以从我的ReSTfulAPI检索json资源并且它与无限滚动一起工作得很好,但有人可以解释一下这是如何工作的,我真的很感激。在过去一周的业余时间里,我才刚刚开始阅读和尝试AngularJS...来自fiddle的原创(非常感谢原作者):http://jsfiddle.net/vojtajina/U7Bz9/functionMain($scope){$scope.items=[];varcounter=0;$scope.loadMore

javascript - Angularjs Bootstrap 日期选择器 : Select multiple dates

我正在尝试使用AngularUI表带日期选择器。如何从日期选择器中选择多个日期并将值作为数组返回。http://mgcrea.github.io/angular-strap/#/datepicker 最佳答案 您可以使用gm.datepickerMultiSelect指令,它环绕着ui-bootstrapdatepicker指令,添加多选功能。varmyApp=angular.module('myApp',['gm.datepickerMultiSelect']);functionAppCtrl($scope){$scope.act

javascript - 如何在 AngularJS e2e 测试中测试拖放功能

我正在尝试测试我的应用程序,我需要将小部件从一个位置移动到另一个位置,换句话说,我需要在端到端测试中测试拖放功能。我将如何测试它? 最佳答案 我遇到了同样的问题。我的解决方案是遵循此处Selenium问题中的建议:https://code.google.com/p/selenium/issues/detail?id=3604#c20从@nilsK的例子开始,这是我的解决方案:varyourOffset={x:5,y:5};ptor().actions().mouseMove(yourElement,yourOffset).mouse