草庐IT

angular-ui-utils

全部标签

javascript - 将 Protractor 用于非 Angular 页面时如何等待页面加载或元素出现

我是Protractor的新手。我想我在处理Angular页面时已经记下了这一点,但对于非Angular页面却无法弄清楚。任何帮助,将不胜感激。describe('Search',function(){it('shouldclickSearchbuttonandwaitforresults',function(){browser.driver.findElement(by.id('search')).click();});}); 最佳答案 使用Protractor测试非Angular页面在等待内容方面可能会很棘手。我建议您将Prot

javascript - 如何在 html 元素属性中使用 Angular 2 外推?

我想将一些数据绑定(bind)到非自定义html元素属性。但是,不推断属性中的{{}}。我看过其他相关帖子“AngularjstemplateUrlfailstobindattributesinsideng-repeat”,这是自定义指令的Angular1解决方案。例如,我有:size=500;我希望以下SVG元素能够正常工作:我应该如何在Angular2中执行此操作? 最佳答案 简答当HTML属性和DOM属性之间没有1:1映射时,必须使用attributebindingsyntax否则Angular2将报告“模板解析错误”。例子:

javascript - Angular 2 ngFor - 使用索引反转输出顺序

试图学习一些关于Angular2中的过滤和排序的知识。我似乎找不到任何合适的资源,而且我被困在如何使用索引以相反的顺序对ngFor输出进行排序。我写了下面的管道,它一直给我错误,数组切片不是函数。@Pipe({name:'reverse'})exportclassReversePipeimplementsPipeTransform{transform(arr){varcopy=arr.slice();returncopy.reverse();}}我的ngfor看起来像这样。{{i+1}}{{advert.title}}{{advert.advert}} 最佳

javascript - 以编程方式打开 Angular 带日期选择器

我正在使用AngularJS1.2.12和angular-strap2.0.0-rc.2(mgcrea.github.io/angular-strap/),但我找不到从内部打开日期选择器/时间选择器小部件的方法Controller。我想像这样使用带有日历图标按钮的输入组:我现在可以轻松地为按钮提供ng-click功能并从我的Controller打开日历。我只是找不到如何做到这一点的方法。有什么想法吗? 最佳答案 另一种解决方案是将按钮更改为标签,并使用“for”属性。我喜欢它,因为它消除了额外的javascript来打开日期选择器,

javascript - 在 jquery 中访问 angular2 变量

我在我的angular2项目中使用jQuery来做一些事情。但是我无法设法使用我在angular2中声明的变量在jQuery中使用。我有这样的东西:exportclassAddExerciseComponentimplementsOnInit{parameters:Array=["FU"];constructor(){}ngOnInit(){$('.chips').on('chip.add',function(e,chip){this.parameters.push(chip.data);console.log(this.selectedValue);});}这会给我一个参数未定义的错

javascript - Angular 2使用动态键从json数组中获取键和值

我想使用动态键从json数组中获取键和值。意思是,我事先不知道key是什么。这是函数获取的json示例:arr=[{key1:'val1'},{key2:'val2'},{key3:'val3'}];这对我来说似乎很简单,但我无法获取每个项目的键和值。这是我尝试过的(基于thispipe):for(letkeyofarr){console.log('key:'+key+',value:'+arr[key]);}但是我在日志中得到的是以下内容:key:[objectObject],value:undefined我的预期行为是获得以下内容:key:key1,value:val1我做错了什么

javascript - 带有表单验证插件的 jQuery UI 对话框

我目前正在使用bassistancevalidationplugin对于我的表格。我正在使用弹出式模式对话框来容纳需要验证的表单,但由于某种原因它没有调用我的表单......我所有的ID和引用都在工作,但我仍然没有任何成功。也许有人可以为我提供一些启示。这是我的Javascript代码。$("#addEventDialog").dialog("open");$("#addEventDialog").dialog({title:'AddEvent',modal:true,buttons:{"Save":function(){$("#interestForm").validate({sub

javascript - 如何在 JQuery UI Selectable 上实现切换功能?

我正在使用JQueryUI-Selectable.如果元素已被按下并且它已被选中(切换),我想取消选择该元素你能帮我添加这个功能吗! 最佳答案 因为所有的类回调,你不会做得比这更好:$(function(){$("#selectable").selectable({selected:function(event,ui){if($(ui.selected).hasClass('click-selected')){$(ui.selected).removeClass('ui-selectedclick-selected');}else{

javascript - Angular js ng样式不起作用

Selectcolor:noneRedGreenhttp://plnkr.co/edit/IOHjEGbuOzD4CjwRqIK9?p=preview在这个plunker中,示例1工作得很好,但在示例2中选择颜色不起作用。提前致谢 最佳答案 这实际上是一个简单的修复,让myStyle更像是一个myColor类型的声明,并且在ng-style上有你的{{'color':myColor}}表达式:noneRedGreenTexttochangecolorTHIS实例中不需要ng-change函数。WorkingExample编辑、解释:

javascript - AngularJS ui-router,滚动到状态更改的下一步

我在我的应用程序中使用UI-router,我想在URL/状态更改时将一个简单的“scrollTo”指向一个anchor。我不想从模板加载下一步,也不想加载新的Controller。我只是希望几个div已经在页面上并在它们之间上下滚动。HTML的简化View是这样的。ContinueContinueStep3content因此,当您进入页面时,URL将是domain.com/booking当您单击第一个按钮时,我希望我的Controller代码将URL更改为domain.com/#/step-2并向下滚动到“step2”div。理想情况下,当用户点击后退按钮时,它将返回到第一个URL并向