问题标签 [angularjs-ng-options]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - 我用对象加载 ng-options,但我希望匹配的 ng-model 作为单个值
我使用这样一个结构的数组:
使用 ng-options 加载选择:
实际上,选择按名称显示国家列表。我希望列表按国家代码而不是对象 {name ... code..} 选择一个选项,因为它现在可以工作。我怎么能那样做?谢谢
angularjs - Filter ng-options from ng-options selection
I'm hoping to solve three problems...
In my app page I have one select for states and another for counties. For states I have:
Data:
For my County select I have:
Data:
This is my ng-repeat
:
So, as you can see I'm using the stateID
on the state select and on the county select I have the corresponding state id set in co_state_id
in the county data set.
I'd like to do a few things:
- Hide the county select until a state is selected.
- After a state is selected, filter the county select options by the selected
stateID
/co_state_id
- Filter the
ng-repeat
by first thestateID
, then by thecountyID
.
I also haven't see a way to set filter.stateID
to true
or filter by a number instead of a string. when I filter by stateID I get mixed results because some stateID
's can have "1" in them..
javascript - 使用 ng-options 时如何绑定 mouseover 和 mouseleave 事件
我想使用指令绑定到以下选择元素中选项元素的 mouseover 和 mouseleave 事件:
这行不通。jr-option-bind 是我的指令:
javascript - 使用 ng-Options 我如何过滤准确解释给定值的内容
例如,我将用于测试,
在这个例子中,当我输入 filter : chart.id = 1 ,他返回给我 id 1 它返回给我 id 10 ,我将怎么做只返回 id = 1 ?
html
范围
更新答案正确
这是 Angular 版本中的问题,对于最古老的我需要使用函数
之后
javascript - ng-options 选择索引 0 处的元素,当 ng-model 为空时(仅在摘要循环之后)
我有一个<select>
用来ng-options
填充选项的。选择的模型是一个字符串。在异步加载选项之前,我用路由参数填充字符串。
在控制器中:
在模板中:
呈现的 html 如下所示:
当我转到没有 id route 参数的页面时,“-- please select --”被正确选择。当我在页面上执行其他操作时,选择框突然选择“第 1 项”但$scope.selection
仍然是undefined
.
我怀疑角度检查undefined
值是否等于选项“0”的值,所以它选择它。
我怎样才能防止这种情况?
我使用 angular 1.2.17(出于向后兼容性的原因),但我也用 1.3.0 对此进行了测试。
javascript - 带有选择字段和 ngOptions 的 AngularJS ngModel 指令
我试图在使用 ngOptions 的选择字段上使用 AngularJS 在 ngModel 指令的链接回调期间运行一些代码。
看到这个演示问题的小提琴:http: //jsfiddle.net/d3r3zwLj/3/
第一个选择字段使用 ng-options 填充,而第二个选择字段的选项明确写在 html 中。如果您打开控制台,您可以看到您只在更改第二个选择字段时看到“更改”消息。改变第一个没有任何作用。
您还会立即注意到,您只看到“ng-model called”和“watching”一次,即使有两个字段带有 ng-model。
我希望 ngModel 指令适用于两个选择字段。ng-options 做了什么阻止 ngModel 工作?
谢谢!
angularjs - AngularJS ng-options 来自带有对象的对象
我试图让我的数据显示在列表中,如下所示:
这是我的对象。
HTML
这仅适用于键值对,但现在“值”是一个对象
所以我的问题是:
在这种情况下如何填充 ng-options?
angularjs - 如何在同一个 json 对象上使用由 ng-options 填充的多个选择框进行选择和过滤?
我正在尝试显示来自 json 对象的数据列表,其结构如下:
我想要一个用于行为选择的选择框:Any / Purchased Item / etc. 一个选择将显示所有 actions.category 数据及其值。
第二个复选框将由唯一类别填充并充当过滤器,因此它将在首次加载 Any 行为时显示所有这些。
它现在正在为行为选择框和输出工作,第二个选择框也填充了正确的唯一类别,但是,当为动作进行选择时,第二个选择框基本上将自己清空。
发生了什么,如何实现?
这是我的 Plunker:http ://plnkr.co/edit/AA0lsuDd32Z1TPmWgkCx?p=preview
arrays - ng-options 过滤器(范围选择)
我无法真正正确地解释我想要什么,但我尝试在 angularJS 中使用 ng-options:
所以当前的输出是:
我想要实现的是:
所以它将每 X 年显示一次。有什么办法可以做到这一点?我用 limitTo 尝试过,然后每 5 次 + 5 次,但没有成功。
有人有想法吗?