草庐IT

angularjs-ng-model

全部标签

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

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

javascript - 使用 ng-if 或 ng-show 的 Angular 应用中的按钮 'flickering'

我在两个不同的Angular应用程序中遇到过同样的问题,但我一直找不到关于这个问题的任何讨论——这让我觉得我可能遗漏了一些东西。假设我有一个“任务”View,它可以处于多种不同状态,包括“待处理”、“已接受”和“已完成”。将根据任务的状态显示不同的操作按钮,例如:AcceptFlagComplete问题是,当用户点击接受按钮时,会在短时间内显示下面的两个按钮。就好像Angular在DOM中按顺序工作,在ng-ifs之间的短暂时间里,'flag'和'complete'按钮都显示了,因为只有一个被更新了。ng-show也会发生这种情况。请注意,这不是ng-cloak可以解决的问题,ng-c

javascript - 输入字段上的 Angular ng-blur 不起作用

好吧,我很确定我遗漏了一些明显的东西,但我没有看到。我创建了一个fiddle我原以为会在输入框失去焦点时发出警告消息,但它不起作用,我也不知道为什么。当用户执行以下步骤时,我期待一条警告消息:点击输入框输入内容点击输入框外的某处但这些步骤不会显示警告消息。当然,有人知道我做错了什么......?这是代码(与fiddle相同):functionMyCtrl($scope){$scope.validate=function(form){alert('blur!');};} 最佳答案 它可能是你的Angular版本。你的fiddle使用的

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

javascript - AngularJS 中的内联标签

所以我正在做这样的事情:{{someFlag?"BoldText":"ItalicText"}}但众所周知,事情并不总是那么顺利。当我在内联代码中包含一个“标签”时,AngularJS似乎完全忽略了整个事情并呈现了源代码。我试过了"\.....和"<b>...但他们都没有工作。有什么想法吗? 最佳答案 如评论中所述,恕我直言,您有几个选择,从坏到好:首先是使用ngBindHtml$scope.italicOrBold=function(text,bold){return$sce.trustAsHtml(bold?'Test':

javascript - 如何处理angularjs中的回调?

我有一个注册机制,其中rootscope变量是通过服务发送的。成功后,它会更新$rootScope.success字段。但是angularjs服务依赖于回调。服务更新rootscope.success但函数顺序执行代码。我如何等待服务完成其响应然后进一步处理?.controller('RegisterAccountCtrl',function($scope,$rootScope,registerUser,$location){$rootScope.success=false;$scope.registration=$rootScope.registration;$scope.getEn

javascript - 在没有服务的情况下从 ng-include 继承外部 Controller 的范围?

在AngularJS中,是否可以从包含的部分中继承父Controller的范围,而不是通过注入(inject)的服务传递数据?案例:假设ParentCtrl的范围如下:{testData:'testingstuff'}Herewe'redefined:{{testData}}在partial.html中:Inherited:{{testData}}所以局部甚至不需要它自己的Controller。如果这是不可能的,并且您只能通过服务在Controller之间传递注入(inject)的数据,为什么Angular会这样做? 最佳答案 是的

javascript - 使用 flow.js + ng-flow 将文件上传到 WebAPI 2

我正在尝试通过Angular包装器(https://github.com/flowjs/flow.js)使用flow.js(https://github.com/flowjs/ng-flow/tree/master/samples/basic)将文件上传到ASP.NETWebAPI2服务器。无论如何,当我选择要上传的文件时,我的WebAPI只会收到第一个blockGET请求,然后什么也没有发生:没有完成任何POST,而且似乎flow.js没有开始上传。当我选择一个文件时触发的初始GET是:GEThttp://localhost:49330/api/upload?flowChunkNum