草庐IT

angularjs-bindings

全部标签

javascript - AngularJS - 将第 3 方异步加载库包装为服务

我有一个异步加载到我的页面的第3方库,我想将它用作服务。如何将加载代码包装在Angular服务中?一般来说,最佳做法是什么?目前我的做法是这样的:angular.module('myAPIServices',[]).factory('MyAPI',function(){return{\\APIisdeclaredattheloadedscriptdoStuff:function(){$window.API.doStuff()}};});然后在Angular范围之外的页面上(function(){varjs=document.createElement('script');varloc=

javascript - 使用 onclick 调用函数或使用 .click 绑定(bind)事件哪个更好?

这个问题在这里已经有了答案:jQuery.click()vsonClick(18个答案)关闭9年前。假设我有一个div,我想在用户单击该div时运行特定代码。我可以通过两种方式实现这一目标。HTMLClickMeJavascript$(document).ready(function(){$('#clickme').click(function(){//Othercodeheredoingabc.});});第二种方法是调用一个函数,它确实是这样做的,但它是由一个函数调用的ClickMeJavascriptfunctionclickme(){//Othercodedoingabc.}我

javascript - 在后端 ASP.NET MVC (MEF) 上发布/绑定(bind)多个表单

我们正在尝试通过一个Ajax(jQuery)调用向ASP应用程序发送多个表单。我们使用以下jQuery代码:varformContainer={Form1:form1.serialize(),Form2:form2.serialize()}$.ajax({type:"POST",url:'@Url.Action("CreateModel","Controller")',data:formContainer,success:function(result){}});在服务器上,我们在Request.Form属性中收到以下内容:Key:ValueForm1:Allserializedfor

javascript - 测试 angularjs Controller 时 - 找不到变量 : module/inject by chutzpah

我有angularJsControllerangular.module('App.ctrl.guests',[]).controller('guestsController',['$scope','$http','$location','$timeout','guestsService',function($scope,$http,$location,$timeout,guestsService){$scope.tiles=[];}])和Jasmine测试////////////'usestrict';describe('App.ctrl.guests',function(){vars

javascript - 使用 AngularJS 在服务/工厂与 Controller 中解决 promise

因此,我一直在尝试获得在服务中与在Controller中解析的promise。我更愿意在服务中解决它,这样我就可以重用变量而不必多次解决它。我遇到的问题是它可以工作,但它返回数据的速度非常非常慢。所以我觉得我在这里做错了什么。填充我的ng-options大约需要5或6秒。哪个更好?我怎样才能改进我的代码以使其运行得更快?在服务中解决:resortModule.factory('locaService',['$http','$rootScope',function($http,$rootScope){locaService.getLocations=function(){return$h

javascript - jquery "this"事件处理程序的绑定(bind)问题(相当于原型(prototype)中的 bindAsEventListener)

在jquery中,事件hadler的绑定(bind)是事件生成DOM元素(this指向dom元素)。在原型(prototype)中更改事件处理程序的绑定(bind)可以使用bindAsEventListener功能;如何从事件处理程序访问实例和DOM元素?类似于HowcanIbindaneventhandlertoaninstanceinJQuery?functionCar(){this.km=0;$("#sprint").click(this.drive);//setupeventhandler}//eventhandler//initIneedtoaccessboththeclic

javascript - 对象方法上的 setTimeout - ES5 绑定(bind)或关闭?

假设我正在使用HTML5Canvas制作一些动画。如果我正在寻找动画对象的方法,这将是更可取的,性能明智的(假设我不关心IE8):setTimeout(this.render.bind(this),15);或varself=this;setTimeout(function(){self.render()},15);我的特殊案例还不够强烈,无法真正在视觉上产生影响;我只是想找出最佳实践。我认为用bind创建一个新函数比创建一个闭包的开销要小,但我想请教专家。 最佳答案 JavaScript性能问题很棘手,因为各种引擎的性能特征大相径庭

javascript - AngularJS:依赖管理

我们目前正在计划一个网站,该网站由不同的AngularJS应用程序组成,这些应用程序将使用通用服务。服务将在单独的文件中实现;为了最小化应用程序的文件大小,我们希望仅包含/连接相应应用程序中使用的那些服务文件-因此我们正在寻找依赖项管理的最佳实践。是否有类似requireJS的Angular,或者您建议如何处理包含?提前致谢。) 最佳答案 我建议使用与ng-boilerplate相同的组织:https://github.com/joshdmiller/ng-boilerplate我在一个项目中使用了一个接近ng-boilerplat

javascript - AngularJS:如何嵌入多个指令?

(1)我有一个名为portlet的包含指令它获取其内容并将其包装在一些样板代码中。例如:Mycontent遍历portlet的模板,即:然后变成:Mycontent(2)我还有两个指令,dyn-form和dyn-form-field.这样描述:dyn-form的模板:每个dyn-field的模板生成用于为其生成标签/字段的html。所以原始代码被翻译成这样:Name:(3)这就是问题所在。我想使用第三个指令,dyn-form-portlet用于生成用于显示每个表单上方显示的一些按钮的样板代码,然后显示一个portlet,并放置dyn-form在portlet里面。这就是我尝试这样做的方

javascript - 如何在 Jasmine/Angularjs 中对下拉列表进行单元测试

我正在尝试对一个指令进行单元测试,该指令使用一些JSON来创建下拉列表以指定列表的详细信息。该指令工作正常,但我在尝试对其进行单元测试时遇到问题。这是测试:/*globalinject,expect,angular*/define(function(require){'usestrict';require('angular');require('angularMock');require('reporting/js/directives/app.directives');require('reporting/js/directives/drop.down.field.directive