草庐IT

angularjs-ng-disabled

全部标签

javascript - Angularjs 表单验证顺序

我有一个包含常规文本输入的简单html表单。ng-minlength、ng-maxlength和ng-patternAngularbuilt-informinputdirectives在输入上设置。问题:ng-pattern检查在ng-minlength和ng-maxlength长度检查之前应用。问题:如何更改默认检查顺序:即先检查长度,然后应用模式检查?例子:Name:PatternerrorLengtherror当前行为:输入“#”——查看“模式错误”输入“###”——查看“模式错误”期望的行为:输入“#”——见“长度错误”输入“###”——查看“模式错误”仅供引用,相关jsfid

javascript - AngularJS:在 Controller 中初始化嵌套范围变量

我喜欢保持模型名称的命名空间简洁且具有描述性,因此我使用像这样的嵌套模型变量(其中月份和年份嵌套在服务中):{{service.year}}在我的Controller中,我想将$scope.service.month和$scope.service.year设置为初始值,但我收到一个javascript错误无法设置未定义的属性“year”,所以我猜测DOM尚未被解析并且所有$scope变量尚未创建。在Angular解析DOM并创建所有模型之前,如何让一些代码等待运行?这是我的Controller:mod.controller('AddServiceCtrl',['$scope','$ro

javascript - 为什么angularJS将空格视为空?

这个问题在这里已经有了答案:HowtodisabletrimmingofinputsinAngularJS?(3个答案)关闭8年前。在angularJS中,我有一个与ng-model绑定(bind)的输入字段,如果输入不为空则显示一些内容。Something当我按下空格键时,typeSignature==''的bool值仍然为真。但是,在jQuery中,如果我按下空格,bool值$('#name').val()==''将为false。为什么angularJS以不同的方式对待空间?我怎样才能使jQueryval()函数与anguLarJS一致,即将空格也视为空?

javascript - 不使用 ng-repeat 重新调用 Angular 指令

我在一个元素上有一个指令ct-steps-tooltip以及ng-repeat,如下所示:{{step.stepName}}我的目标是让指令重新绑定(bind)/在currentItem.userData.steps更改时再次调用(我实际上是完全清除currentItem然后重新分配它).这实际上在thissimplifiedfiddle中非常有效我做了。在fiddle中,您可以清楚地看到“Igotcalled!”每次数据更改时在控制台中。由于某些原因,真实代码中的ct-steps-tooltip指令只会在第一次被调用,数据变化时不会再次调用(我有一个类似的“Igotcalled”re

javascript - 使用 IE 11 和 AngularJS 的 2 种方式数据绑定(bind)问题

我最近在我们的Web应用程序上构建了一个使用AngularJS的功能,我遇到了IE11的一些问题,无法正确地$apply()将数据更改到DOM。出于某种原因,这只是有时会发生,而当我尝试调试使它看起来像是时间问题的问题时永远不会发生。这是出现问题时调用的函数。$scope.createThrottling=function(sources){MYAPP.modals.Throttling('New',sources,API,function(){$scope.isLoading=true;$scope.$apply();API.Migrations.getThrottles({id:j

javascript - AngularJS:确定耗时,用于定期更新模型和 View

上下文我想创建一个Web应用程序,该应用程序将一组数据视为自页面加载以来耗时的函数。想一想“自打开此网页以来,您燃烧了多少卡路里”。我仍在努力思考AngularJS服务、工厂等,并想知道创建自动更新计时器的最佳方法是什么,该计时器可用于定期(每秒)操作和更新ng-model.我是如何(不成功地)想象它会起作用的:我现在有这样的东西:app.factory('Timer',function($timeout){vartime=0;varTimer=function(){this.time++;this.timeout=$timeout(this.Timer,1000);}});并用作$t

javascript - $event.stopPropogation 不是 Angularjs 单元测试中的函数错误

我正在尝试对绑定(bind)到ngClick指令的函数进行单元测试。现在看起来像这样,因为我们刚刚开始这个项目,在我开始之前我想要一些测试覆盖率:vm.open=function($event){$event.preventDefault();$event.stopPropagation();vm.opened=true;};我这样进行单元测试:describe('Unit:simpleSearchController',function(){//includemainmodulebeforeEach(module('myApp'));varctrl,scope,event;//inj

javascript - AngularJS 分成多个文件 - 只有最后一个有效

我遇到了一个问题,将我的AngularJS应用程序逻辑拆分为多个文件给我带来了一个问题,即只有最后一个有效,而之前的可能被跳过。这是index.html的内容:每个文件包含非常少量的逻辑:初始化:angular.module('sportcial',['ionic']).run(functionrun($ionicPlatform){alert(2);$ionicPlatform.ready(function(){//Hidetheaccessorybarbydefault(removethistoshowtheaccessorybarabovethekeyboard//forform

javascript - 如何合并 ng-message 消息

我是AngularJS的新手,但我进行了广泛的搜索,但找不到这个问题的有效答案,也许这根本不可能像我想象的那样。我想要的是能够组合错误条件,以便我可以在ng-messages中使用更通用的错误消息模块。由于我们的应用程序是多语言的,因此这为我们节省了大量维护文本的时间。在我的示例中,将minlength、maxlength和pattern结合起来并让它引用1个通用消息会很棒。我让它工作的唯一方法是为每种类型单独的ng-message,然后重复使用对我来说似乎多余的错误文本。希望这是我遗漏的一些简短的东西,比如不理解何时/如何使用,或||。Errormessage:Requiredtex

javascript - 如何检测 angularJS 中的引导日期时间选择器更改事件

我正在以Angular使用这个日期时间选择器。https://eonasdan.github.io/bootstrap-datetimepicker/在我的Controller内部:$('#picker').datetimepicker();在我的HTML中我有:一切都由Controller“AppController”管理。问题是,当我通过单击在日历上选择一个日期时,它不会触发任何“更改”事件(换句话说,不会触发datechange)。如果我在ng-model“adate”上做watch,它似乎也不会触发它。如果我在文本框中键入内容,则范围变量会发生变化。如果用户单击选择器中的日期进