草庐IT

data-ng-bind

全部标签

javascript - 将对象从函数返回到 AngularJS 中的 ng-repeat

我正在尝试将对象从函数返回给ng-repeat:{{album.title}}.controller('Albums',['$scope','Imgur',function($scope,Imgur){$scope.getAlbumList=function(user){Imgur.albumList.get({user:user},function(value){returnvalue.data;console.log('success');},function(error){console.log('somethingwentwrong');});}}]);.factory('Im

javascript - 使用 ng-options 传递值而不是整个对象

我正在解析一个.json文件并在选择中显示所有可用选项:它正在工作,但不是我想要的那样。我不想让整个对象进入我的模型,我只想拥有这个对象的值。通过Chrome开发工具:这个对象(如图所示)在我的模型中。我只想要文本。但是当我将我的ng-options更改为:ng-options="options.textforoption.textinquestion.body.options"它根本不工作...... 最佳答案 根据ngOptionsdocumentation您可以指定要用作选项值的对象的属性selectaslabelfor(ke

javascript - AngularJS - ngModel 绑定(bind)下拉值在视觉上发生变化,而变量没有

我有一个下拉列表:AllCountries$scope.countries最初由服务填充,然后另一个下拉更改事件将通过再次调用该服务来限制$scope.countries的值,传递通过其他下拉菜单的选定项目。这里的问题是当$scope.filter.country已经绑定(bind)到一个值(默认值除外)并且$scope.countries更新为不包含$scope.filter.country值的新列表。我可以看到国家/地区下拉列表恢复为默认选项“所有国家/地区”,但是$scope.filter.country保持原样。关于这个场景有什么想法吗?$scope.filter.countr

javascript - ng-include 改变 angular-ui datepicker 的行为

我在我的一些页面上使用了ng-include,但是我不得不停止使用ng-include,因为它破坏了angular-ui日期选择器。我打开了这个Githubbug.我想知道是否有其他人遇到指令在用作ng-include的一部分时无法以相同方式运行的问题。有没有办法让日期选择器作为ng-include的一部分按预期工作?这里有一个plunker展示了它是如何被破坏的。http://plnkr.co/edit/AboEJGxAK3Uz76CfpaZ0?p=preview这是在View中工作的html,但在包含ng的一部分时不起作用。这是来自Controller的JS。$scope.open

javascript - 使用 ng-options 过滤大写字母

我没有在ng-options中找到如何将首字母大写或大写。我的选择:在Controller中:$scope.currency_list=[{code:'eur'},{code:'usd'}];我想打印“EUR”、“USD”或“Eur”、“Usd”,而无需手动循环我的对象。这有可能吗? 最佳答案 这应该有效:ng-options="currency.codeas(currency.code|uppercase)forcurrencyincurrency_list"查看过滤器文档:https://docs.angularjs.org/a

javascript - 如何使用 Angular JS 将一个模型绑定(bind)到多个输入

我有一个用于MySQL日期字段的表单输入。例如:2015-01-31。我想让用户使用3种不同的表单输入来输入。一年一个,一个月一个,一天一个。显然ng-model不会开箱即用,因为我试图将日期字符串的一个部分绑定(bind)到每个输入。我很确定这样做的方法是再见创建三个“临时”范围变量/模型$scope.year;$scope.month;$scope.day;...然后以某种方式将它们组合/绑定(bind)到实际值。//Ifonlyitwerethiseasy!$scope.date=$scope.year+"-"+$scope.month+"-"+$scope.day;上面的行当然

javascript - 带参数的 knockout 点击绑定(bind)

我正在尝试向我的按钮添加一个点击事件,只有当按钮被点击时才会将Id、Category和Name作为参数发送。ASD即使我尝试改变:click:getLast7($data.Id,$data.Category,$data.Name)与attr:{id:$data.Id,onclick:getLast7($data.Id,$data.Category,$data.Name)它仍然触发getLast7方法的次数与tehTab长度一样多。我做错了什么? 最佳答案 在函数名后添加()将调用它。你将不得不使用.bindclick:getLast

javascript - 好奇 : is it possible to have dynamic Ajax data variable names?

一些背景:在最近的一个项目中,我尝试编写一个简化的jQuery插件来处理在更新各种输入时发出的一些Ajax调用。我将JavaScript函数编写为插件,这样我就可以在各种输入上调用它,如下所示:$("#email").updateChanges();然后,从插件中,我收集了输入的ID、值等。问题:我真正想做但找不到解决方案的是动态生成通过ajax传递的数据变量的名称。为了更清楚,给出这个函数:jQuery.fn.updateChanges=function(){this.bind('blur',function(){varinputName=$(this).attr("name");v

javascript - ng-focus 触发两次,而 ng-blur 从不触发

我现在对Angular有相当的经验,但这似乎是在DOM事件传播方式的较低层次上发生的事情。由于某些原因,在我的应用程序的一部分中,我在同一input上有ng-focus和ng-blur,但是ng-focus事件触发两次,ng-blur永远不会触发。然后在我的Controller中$scope.doFocus=function(){console.log('focus');}$scope.doBlur=function(){console.log('blur');}当我检查我的控制台时,我看到2个“焦点”消息,没有“模糊”消息...我已经在我网站的其他部分对此进行了测试,它在其他一些部分

javascript - Angular ng-sortable - 它如何工作的基本示例

情况:大家好!在我的应用程序中,我有一种看板:有一些列,每个列都包含一个项目列表。我需要在列之间拖放项目并在同一列内重新排序。我之前尝试过三个与拖放(前两个)和重新排序(第三个)相关的Angular模块:ngDraggable:https://github.com/fatlinesofcode/ngDraggableAngular拖放:https://github.com/codef0rmer/angular-dragdropAngular用户界面可排序:https://github.com/angular-ui/ui-sortable它们很好,有很好的文档,但似乎无法同时进行拖放和重