草庐IT

angularJS-karma-jasmine

全部标签

javascript - AngularJS UI Bootstrap 模式无法执行范围内的功能

在我的angularjs应用程序中,我使用UIBootstrap来创建模式。我将范围和自定义Controller传递到模态中,它显示我来自原始范围的数据,但无法执行其任何功能。我有主Controller:myapp.controller('WsCtrl',functionWsCtrl($scope,$location,todoStorage,filterFilter,$modal,$log){在Controller中我有下一个:$scope.items=['item1','item2','item3'];$scope.open=function(){varmodalInstance=$

javascript - AngularJS:为什么从对象中删除空模型字段?

在我的应用程序中,我有一个模型附加到一个类似这样的表单:$scope.location={description:"mydescriptivedescription",address:"blah"}清除表单中绑定(bind)到ng-model="location.description"的字段“description”,从$scope.location中删除该字段,该字段变为:$scope.location={address:"blah"}现在我希望它保留“描述”字段。我该怎么做才能实现这种行为?谢谢你的帮助 最佳答案 一种可能性是

javascript - 测试 CSS :hover with Jasmine

所以我有一个简单的div,当鼠标悬停时会根据我的css中的定义更改其背景:.my-class{background-color:#FFFFFF;}.my-class:hover{background-color:#F2F2F2;}我尝试用jasmine测试这种行为,但测试一直失败:it"Shadows.soboo-drop-itemwhenhover",->$('.my-class:first').trigger('mouseover')expect($('.my-class:first').css('background-color')).toBe("#F2F2F2")Expecte

javascript - Jasmine 模拟 ajax 调用在 IE 中不起作用

我尝试编写一个允许模拟Ajax调用的规范。该测试用例在Chrome和Firefox等浏览器上运行良好。但是当我在IE(版本9,10)上运行测试用例时,我遇到了一些问题。当使用jQueryAjax进行正常的Ajax调用时会出现此问题。我在IE中得到如下错误:TypeError:Unabletogetvalueoftheproperty'response':objectisnullorundefined.我写的测试用例如下describe("mockingajax",function(){beforeEach(function(){jasmine.Ajax.install();});aft

javascript - 尝试使用 jasmine 和 angular 时出错

当我尝试使用$httpBackend.flush();时出现错误TypeError:$browser.cookiesisnotafunction.我找不到有关此类错误和任何解决方案的任何信息。describe("someText",function(){var$httpBackend;varsomeManager;varauthRequestHandler;vardataMockup=[];beforeEach(function(){module('app');inject(function($injector){$httpBackend=$injector.get('$httpBac

javascript - 在 AngularJS 中选择下拉项时显示概述文本

我希望显示每个小部件类别的概览,以便在选择该小部件类别时显示在过滤结果上方。我假设这将需要一个ng-show指令,因此可能也需要一些Controller代码。但是任何关于将选择下拉菜单与我的ng-repeat链接起来以及与ng-show链接起来的任何指示都会很棒。这是我的目标:之前之后SelectWidgetRange1WidgetRange2WidgetRange3ProductName:{{product.name}}Quantity:{{product.quantity}}Price:£{{product.price}}https://plnkr.co/edit/0WrinKY2

javascript - 使用 Angularjs 计算总价和数量

使用ui.bootstrap.typeahead,我从我的json列表中选择一个产品(通过键入“P”)。我的目标是自动设置总价。但我无法显示所选产品的价格(value="{{selected.price}}")因此它可以计算总计。不确定我做错了什么。笨蛋:http://plnkr.co/edit/F9jPt7IZgsWyON2vEmicangular.module("app",["ui.bootstrap.productautocomplete"]);产品.json{"products":[{"productversion":1,"name":"product1","price":"1

javascript - AngularJS 绑定(bind)选项的性能

我想知道随着复杂性的增加,下面的代码变体对性能的影响。AngularJS:Whyng-bindisbetterthan{{}}inangular?中已经解决了这个问题的部分答案(那些使用属性的)但我想了解使用函数而不是属性的影响。在我看来,当发生变化时,Angular的属性在某种意义上“知道”,而函数是不透明的,因此Angular不会知道,并且每次都必须评估。然而,根据上面提到的另一个SO问题,无论如何,Angular每次都已经在使用直接模板进行评估。那么使用函数而不是属性真的会有性能损失吗?它们各自的优缺点是什么?1直接模板属性Hello,{{user.name}}2ng-bind-

javascript - Angularjs 应用程序不打开配置的模式

我正在使用angularjs构建一个应用程序,我需要在其中显示一个页面,然后在用户粘贴url时打开一个包含详细信息的模式窗口。路由器配置如下:.state('main.legalentitites',{url:'/products/{productId:string}',views:{'content@':{templateUrl:'app/views/productdetail.html',controller:'productDetailCtrl',},},}).state('main.products.add',{url:'/products/{productId:string}

javascript - 在 AngularJS 中评估指令属性中的表达式

我做了很多解决方法、搜索和研究,但我不知道如何实现我的目标。-问题:我有以下情况,我想避免用户可以契约(Contract)中的佣金日期重叠。当用户添加新的佣金,我们显示一个列表,其中添加了生成的佣金angRepeat,这个有难度,用户可以编辑日期。在契约(Contract)部分,这不是问题,因为对于edita契约(Contract),你必须去其他屏幕编辑它,日期不能在同一View中进行修改。-我感到困惑的地方:当我编辑一个添加的佣金时,我必须将它与之前添加的另一个进行比较,所以,我想要一个列表,其中定义了所有佣金的日期,并且可以在指令中说,开发一个函数,该函数返回一个列表,其中包含所有