草庐IT

angularjs-ng-pattern

全部标签

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

javascript - 如何在同一页面中多次使用 AngularJS 2 组件?

在使用选择器声明一个组件后'some-comp',使用在一个页面中只会工作一次。我想多次使用它任何帮助,这里是一个示例代码:@Component({selector:'some-comp'})@View({template:'componenttemplate'})classSomeComponent{}bootstrap(SomeComponent); 最佳答案 bootstrappedComponent实际上是作为一个应用程序来看待的,如果你想多次使用同一个组件,你会想把它变成一个指令,然后在你的bootstrap应用程序中包含

javascript - AngularJs:ng-if react 太迟

我正在使用ui.router并在我的主html文件中包含这样的导航:logedin()bool值将通过此函数中的angular.module().run()设置:$rootScope.$on('$stateChangeStart',function(e,to)如果我在其中一个导航中单击注销,导航的Controller将触发此功能:$scope.logout=function(){store.remove('jwt');$state.go('login');}问题是在$state.go之后导航没有隐藏,而是在刷新页面之后。我是否必须重新呈现主索引模板/View(然后如何)?或者我该如何解

javascript - ng-blur 不要使用输入编号在 firefox 上触发事件

我正在尝试将ng-blur与firefox上的html输入(type=number)元素一起使用。我发现的问题是,当使用输入数字的向上和向下箭头时,firefox不会触发模糊和焦点事件,而chrome可以正常工作。您可以在http://jsfiddle.net/chonw54e/中重现该问题focus:{{focus}}blur:{{blur}}只需加载页面(使用firefox和chrome)并单击html输入数字的向上/向下箭头inputnumber我做错了什么?感谢您的帮助!编辑:2015年11月12日@Arg0n的解决方案解决了这个问题。但是,它看起来像是firefox或angu