问题标签 [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.

0 投票
2 回答
282 浏览

angularjs - 我用对象加载 ng-options,但我希望匹配的 ng-model 作为单个值

我使用这样一个结构的数组:

使用 ng-options 加载选择:

实际上,选择按名称显示国家列表。我希望列表按国家代码而不是对象 {name ... code..} 选择一个选项,因为它现在可以工作。我怎么能那样做?谢谢

0 投票
1 回答
51480 浏览

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:

  1. Hide the county select until a state is selected.
  2. After a state is selected, filter the county select options by the selected stateID / co_state_id
  3. Filter the ng-repeat by first the stateID, then by the countyID.

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..

0 投票
3 回答
1504 浏览

javascript - 使用 ng-options 时如何绑定 mouseover 和 mouseleave 事件

我想使用指令绑定到以下选择元素中选项元素的 mouseover 和 mouseleave 事件:

这行不通。jr-option-bind 是我的指令:

0 投票
1 回答
111 浏览

javascript - 使用 ng-Options 我如何过滤准确解释给定值的内容

例如,我将用于测试,

在这个例子中,当我输入 filter : chart.id = 1 ,他返回给我 id 1 它返回给我 id 10 ,我将怎么做只返回 id = 1 ?

http://jsfiddle.net/H6AZ2/37/

html

范围

更新答案正确

这是 Angular 版本中的问题,对于最古老的我需要使用函数

之后

0 投票
1 回答
388 浏览

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 对此进行了测试。

0 投票
3 回答
121 浏览

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 工作?

谢谢!

0 投票
2 回答
2182 浏览

angularjs - AngularJS 设置默认值