草庐IT

angularjs-bindings

全部标签

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 - 在 angular.js 的选择下拉列表中绑定(bind)值和文本

我的页面中有这个下拉菜单由于模型设置为obj.x,我可以在任何$scope函数中使用$scope.obj.x访问它.自然地,它给出所选选项的值。有什么方法可以让我也获得选定的文本吗?例如将obj.x绑定(bind)到所选选项的文本并将obj.x_text绑定(bind)到所选选项的文本。 最佳答案 如果绑定(bind)col而不是col.col_id:您将能够从$scope.obj.x访问col_id和col_name:$scope.obj.x.col_id$scope.obj.x.col_name

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 - 有没有办法为提示的输入问题做一个 while 循环,绑定(bind)它们并在数组中提供所有答案?

我正在构建一个Yeoman生成器,所需的依赖项来自https://github.com/sboudrias/mem-fs-editor#copytplfrom-to-context-settings和https://github.com/SBoudrias/Inquirer.js/我们的想法是能够向用户提出一个问题并重复相同的问题,即您想添加另一个问题...如果用户添加另一个问题,那么它将绑定(bind)并记录该答案,如果用户说“不”'或点击return提示将停止。然后我想将所有答案绑定(bind)到一个数组,该数组可以传递给另一个对象函数,以便它可以将响应列为数组。到目前为止,这是代

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

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

javascript - 有没有办法避免 AngularJS 在页面加载之前显示所有隐藏的元素?

所有具有ng-hide属性的元素在页面加载之前都是可见的(并且Angular隐藏它们)——在那之前它会产生一个奇怪的网页外观。使用jquery,我习惯于设置style="display:none"并在js完成时显示它们。我在AngularJS中做错了什么吗?或者有更好的方法来解决这个问题吗?非常感谢!加载时显示所有隐藏元素的页面示例: 最佳答案 试试看//Code文档https://docs.angularjs.org/api/ng/directive/ngCloak 关于javascr