草庐IT

ngoptions

全部标签

javascript - AngularJS 1.4.8 - 选择中的 ngOptions - 当我在 ngOptions 中的选项之前以编程方式设置模型时无限 $digest() 循环

我在从1.2.14迁移到1.4.8时遇到了这个问题。这在1.2.14中工作正常,但我在1.4.8中得到无限的$digest()循环。这是一个Fiddle证明问题。Fiddle比这篇文章更容易看,但它让我包含代码我有一个select看起来像这样的元素:我的选项是对象,像这样:$scope.options=[{id:1,label:'one'},{id:2,label:'two'}];我想为ngOptions指令提供的选项数组取决于条件;有时我只想给它$scope.options,但有时我想包括另一个选项。$scope.getOptions=function(){if($scope.sho

javascript - 将两个额外的选项添加到带有 ngOptions 的选择列表中

我有一堆选择列表,我正在尝试向它们添加一个“无”和一个标题选项。代码如下所示:{{title}}None目前,我无法将它们添加到数据中,因此我正在尝试找到一种方法来实现这一点。当我第一次加载它们时,“无”选项不存在。标题在那里并且按预期工作,但我似乎无法向此选择列表添加两个空白条目。最简单的方法是将“无”选项添加到数据中,但这对我来说是不可能的。有没有合适的方法来实现我想要的? 最佳答案 没错,您只能有一个硬编码元素。技术上可以完成,但该方法仅完全支持绑定(bind)到字符串,因此像您正在做的那样绑定(bind)到对象会变得非常笨拙

javascript - ngOptions 可以调用一个函数来获取显示文本吗?

我有一个select标签,我使用AngularJS将其绑定(bind)到广播电台对象数组。我的对象具有以下属性:{id:'WXYZ',name:'RadioStationName(optional)',frequency:'89.7FM'}我希望下拉列表中的每个元素都显示“{id}-{name}-{frequency}”作为显示文本,但由于name属性是可选的,我想避免在对象没有名称值的事件。我能够让它工作:--select--在ng-options中调用函数的规则/指南/最佳实践是什么?我想做一些类似getDisplayText(s)的事情——是什么让表达式“对Angular有效”?

javascript - ngOptions 中的重复项

我正在使用AngularJS版本1.4.7并且有一个包含对象数组的简单AngularJSController。我想通过ngOptions将这些对象显示为选项。问题是每个对象都是重复的,我不知道为什么。此副本仅出现在选择中,源对象看起来不错。angular.module('demo',[]).controller('DemoCtrl',DemoCtrl);functionDemoCtrl(){varvm=this;vm.demoOptions=[{value:1,label:'Demo1'},{value:2,label:'Demo2'},{value:3,label:'Demo3'}]

Angularjs ngoptions具有2个对象属性作为标签和ID跟踪

好的,所以我有一个包含一些名为专业人士的对象,结构看起来像lstProf=[{firstName:'tony',lastName:'bob',id:188},{...},{...}];我希望我的选择字段显示firstName+lastname和byidtrackbyID不知何故,这是不起作用的:我的NG模型也是Int。我究竟做错了什么。看答案lstProf=[{firstName:'tony',lastName:'bob',id:188},{...},{...}];首先,您在问题中有错别字。收集名为lstprof,然后您在复数形式的ng选项中引用它。其次根据文档,随着PankajParkar提

javascript - ngOptions 二级对象显示

我有这样的结构:model=[{name:'name1',items:[{name:'subobj1'},{name:'subobj2'}]},{name:'name2',items:[{name:'subobj1'},{name:'subobj2'}]},....]问题是:如何编写ngOptions属性来像这样输出这个对象?:subobj1subobj2>....此外-ngRepeat不是一个选项。我必须单独执行此ngOptions才能使插件正常工作。 最佳答案 ngOptions不支持多维数组。您必须先展平阵列。阅读更多this

javascript - AngularJS-ngOptions : How to order by Group Name and then by Label

假设我有以下形式的数据数组:vardata=[{group:GroupA,label:BB},{group:GroupB,label:DD}.....].我的绑定(bind)是这样的:我希望下拉列表在GroupB之前列出带有GroupA的所有项目,同时让它们也按每个组排序。像这样:GroupAAABBCCGroupBDDEEFF我知道我可以使用orderByAngular过滤器,但这并不能真正按照我需要的方式工作。我的猜测是我必须编写一个自定义过滤器,以我想要的方式手动对列表进行排序,但我想知道是否有更简单的方法来完成任务。 最佳答案