草庐IT

angularJS-karma-jasmine

全部标签

javascript - 使用 NG-Repeat 的 AngularJS 显示/隐藏切换

我有一个项目列表,点击它应该打开单个项目,但目前在尝试打开单个项目时它会打开所有项目并在第二次点击时关闭所有项目-有人可以告诉我哪里出了问题我的代码如下。谢谢。HTMLItem{{$index+1}}JS$scope.toggle=true;$scope.toggleFilter=function(){$scope.toggle=$scope.toggle===false?true:false;}; 最佳答案 按如下方式编辑您的代码:HTMLItem{{$index+1}}JS$scope.toggleFilter=function

javascript - Angularjs 触发国家状态依赖

有人可以帮助我使我的国家/州下拉依赖示例有效吗?我有意以这种方式创建JSON,因为我希望依赖项是通用的,这样我就可以在仅使用元数据而不是HTML的情况下将其应用于任何下拉列表。这是alink查看JSFidlle中的代码示例HTMLCountry:PleaseselectacountryState:PleaseselectastateJavaScript代码:functionController($scope){varCountries={"id":"field10","items":[{"id":"10","StateGroupID":"0","name":"UnitedState"}

javascript - 如何通过 Jasmine spy 将被拒绝/失败的 promise 返回到单元测试中的 Angular Controller

我正在使用jasmine来测试我的AngularController。我在.then(successCallback,errorCallback)中捕获错误和成功虽然它在实时功能的基础上运行良好,但我很困惑如何编写一个spy来返回错误,因为它总是在successCallback()中被捕获以下是Controller:-angular.module('myApp').controller('LoginCtrl',function($scope,$location,loginService,SessionService){$scope.errorMessage='';$scope.logi

javascript - jasmine.clock().tick() 不适用于 $timeout 和 debounce,但适用于 setTimeout

下面我有3个功能完全相同。每种调用setTimeout的方式不同,delay1()直接使用setTimeout,delay2()使用angularjs$timeout和delay3()使用lodashdebounce。它们都工作正常。问题出现在我用Jasmine测试的时候。setTimeout可以与jasmine.clock().tick()方法配合使用,但$timeout和debounce不适用't我有兴趣使用Jasmine进行去抖动。我知道我可以将$timeout.flush()与angularjs一起使用,但是$timeout和setTimeout在我使用的代码的其他地方给我带来

javascript - 在 javascript 或 angularjs 中解析 url

我试图在javascript中解析url,我发现了以下方法:vargetLocation=function(href){varl=document.createElement("a");l.href=href;returnl;};varl=getLocation("http://example.com:3000/path");varhost=l.host;//example.comvarport=l.port;//3000但如果这些位置:http://TLVS0015:3000/cti/YTest//theparsefoundtheport,butitsnotfoundthehosth

javascript - 如何使用 AngularJS 添加和删除类?

我有几个按钮可以像切换器一样工作。如果您单击其中一个按钮,它将变为事件状态并“关闭”其他按钮。我使用jQuery做到了这一点,但我想使用AngularJS。这是我的代码:HTMLweaknormalstrongJavaScript.controller('AppCtrl',function($scope,$stateParams){$('#weak').click(function(){$('#weak').addClass('active');$('#normal').removeClass('active');$('#strong').removeClass('active');}

javascript - 在 AngularJS 中,我可以在 ngView 之外的 ngSwitch 中使用当前路由吗

我正在尝试根据当前View更改页眉。header在ngView之外。这是可能的还是我需要将标题放在View中?我的代码看起来类似于:Welcome!OurproductsContactus(alotofunrelatedcodegoeshere) 最佳答案 定义每条路线时,请为其命名。然后将$route注入(inject)Controller,然后让Controller将其发布到当前范围。然后你可以将ng-switch绑定(bind)到$route.current.name 关于java

javascript - AngularJs,ng-if 更改文本?

我得到了以下代码{{ownername}}OnlineBookshop输出“在线书店”如果我输入“Fred”,它会输出“FredOnlineBookshop”如果不使用jQuery并以Angular方式处理事情,我将如何更改代码以便在输入不为空时添加所有格撇号和字母s?如在线书店,当输入为空时,当输入包含“Fred”字符串时Fred的在线书店 最佳答案 请记住,范围只是您可以评估事物的地方。这正是我们能做的。?是以下形式的三元运算符:(expression)?:;并且等于:if(expression){;}else{;}修改后的代码

javascript - AngularJS 添加到浏览器历史记录而无需重新加载页面且无需 HTML5 pushstate

我有一个搜索页面,允许用户深入分类和/或输入搜索词。我想让用户能够使用后退按钮撤消这些操作。使用AngularJS,我怎样才能让这个页面为这些操作中的每一个添加条目到浏览器历史记录中。我不能使用HTML5pushstate。 最佳答案 我发现我可以通过使用here中有关reloadOnSearch的答案更改查询字符串参数而无需重新加载页面来做到这一点|:$routeProvider.when('/items',{controller:'ItemsCtrl',templateUrl:'/templates/items',reloadO

javascript - 如何使用 ng-repeat :Angularjs?

angular.jsng-repeatitemswithhtmlcontent我有很多大学、位置和密码详细信息,但我现在默认显示html内容。如何显示大学列表、位置和密码。谁能告诉我plunker中的示例使用ng-repeat指令MaturivenkatasubbaraoenggcollegeNadergul,Hyderabad,Telangana501510 最佳答案 假设您的Controller中有如下变量,即$scope.college_data=[{name:'College1',location:'Location1',p