问题标签 [angularjs-select]

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 投票
0 回答
82 浏览

angularjs - Angularjs - 使用 ng-repeat 和 ng-selected 时,ng-model 不适用于选择

我已经在选项中设置了我的 ng-repeat 和 ng-selected,但是没有选择选项,当我从 select 中删除 ng-model 时,所有选项都可以正常工作。

HTML 代码:

控制器代码:

我在这里做的是,如果 formData.value 介于 1 到 3 之间,我想用 High 显示下拉字段...

它在没有 ng-model 名称的情况下工作正常,但是我想从用户那里获取一个值并将其保存在数组中。在这种情况下,下拉菜单不显示所选字段...

0 投票
2 回答
2052 浏览

angularjs - ng-select 的默认值不起作用

我有一个使用选择的表单。我正在尝试设置一个我想禁用的默认值,因此下拉菜单将显示“--选择状态--”作为第一个选项,并将强制用户进行选择。

我的问题是它不起作用,并且选择总是以空白开始。

这是我的代码:

0 投票
2 回答
514 浏览

angularjs - 带有角度形式选择框的 ng-repeat

我正在使用 AngularJS 动态表单。根据我的用户 ID 值,我使用 ng-repeat 生成了具有相同模型名称的多个表单字段。我正在使用选择框来加载位置。默认情况下,根据我的要求,我需要将第一个选项值加载到该选择框中。我正在使用 ng-init 加载第一个选项数据,但它不起作用。在控制器内部,我试图获取像 $scope.user.location 这样的选择框模型值,但它显示错误。任何人都可以请您为这个问题发送一些 js fiddle 解决方案。

HTML

JS

0 投票
0 回答
206 浏览

javascript - Angular js oi-select ng-init 和 ng-repeat

我正在使用ng-repeat处理动态表单。我正在使用oi-select库来加载我的位置。oi-select 框具有多选功能。默认情况下,在我的页面加载中,我在该oi-select框中加载第一个选项值。

但是,如果我选择除第一个选项之外的任何其他选项,它会被该值覆盖,我将使用多选功能。由于这个问题,我必须再次选择第一个选项。我的问题是,如何默认将我的第一个选项值加载到oi-select中?

之后,如果我选择任何其他选项,它不会覆盖我在选择框中的第一个值。http://plnkr.co/edit/m6Q02dlHLBCMVLRLfioh?p=preview

我的 HTML 代码

我的js代码

0 投票
1 回答
658 浏览

javascript - Angular ng-options 使用选项数据源预选一个值

我有一个像这样的对象:

还有一个ng-model像这样的变量:

还有一些像这样的标记:

但似乎绝对没有办法通过其值从该下拉列表中预先选择一个值。如果我像这样设置选定的值,我已经设法让它工作:

我到底如何<select>使用选项值(对象的键)而不是实际的选项文本来预选。

请注意,我没有像我发现的每篇文章那样使用对象数组。我刚刚有一个对象。我也不想将其更改为对象数组。必须有办法做到这一点。

非常感谢。

0 投票
1 回答
1630 浏览

javascript - ng-selected 不适用于 ng-options 或 ng-repeat

我有一个表格,用户可以填写该表格以使用谷歌地图获取前往目的地的路线。用户可以选择 350 个可能的设置目的地。他们可以通过单击谷歌地图上的图钉或从表单中的选择菜单中选择此目的地。

当他们点击谷歌地图上的图钉时,我希望选择菜单更改为目的地。

我正在尝试为此使用 ng-selected 但它不起作用。

任何帮助将不胜感激。谢谢你。

看法

控制器

当用户点击地图上的车站(不是从选择菜单中选择)时,会调用一个名为 getDirections 的函数。这应该会更改选择菜单的当前选定项,但不会。(注意:函数正在正确执行,传入正确的 stationID。)

额外信息:

我也尝试将 ng-selected 与 ng-repeat 一起使用,但它也不起作用。

0 投票
2 回答
1348 浏览

javascript - 使用 AngularJS 在选择中创建空字符串的空白选项

我创建了一个 angularJS 选择框,它将根据选择框中的选定值过滤表中的结果。

现在,选择框是使用以位置为键的对象“user['location']”创建的。此外,我会在页面加载后立即获取默认用户位置“${city}”,将其传递到我的选择框,并在表格中相应地过滤结果。

如果用户的当前位置与我的选择框中的任何选项都不匹配,则不应应用过滤器!

例如,如果用户位置是“伦敦”,因为在我的对象中没有像“伦敦”这样的东西,它应该选择第一个选项 - “选择城市”。

但目前它正在创建一个像上面那样的空字符串<option value= "? string:London ?"></option>并正在选择它!

怎么解决?

这是我的代码:

HTML:

JS:

0 投票
1 回答
124 浏览

angularjs - 如果在选择框中找不到匹配项,则重置过滤器

我正在尝试创建一个过滤器,它将根据选择框中的选择在表中显示结果。

此外,默认情况下,“城市”选择框将设置为我正在抓取和设置的用户位置ng-init="my.city='${city}'"。因此,将根据用户位置过滤默认结果。

我遇到的唯一问题是,当用户位置与我的“城市”选择框中的任何值都不匹配时,它应该被重置。即应该选择“选择一个城市”选项,并且所有结果都将显示而不应用任何过滤器。

在我的代码中,如果我选择任何城市,然后尝试选择“选择城市”,则过滤器不会被重置”。

我该如何解决?

这是完整的代码:

0 投票
0 回答
27 浏览

angularjs - ng-selected 在 anagular.js 1.6.6 中不起作用

经过多次尝试和几个小时:-(,我需要一些帮助:

我正在更新数据库中的对象。

我正在对数据库中的一个对象进行更新,除了在选择中设置默认值外,一切正常。

第一次尝试:

这里 ng-selected 不起作用... ng-selected 不起作用。我检查了 typeof 并且它们都是字符串。item.codUser 的值为:MM、SM、CM。并尝试使用 ng-selected = "item.codUser =='MM'" 都不起作用。

在这里阅读了一些帖子后,我尝试使用 ng-options:

在这里,我尝试使用 ng-init 或 ng-selected。

我究竟做错了什么?。除了默认选择之外,所有选项都可以完美地使用这两个选项......我需要这个,因为在更新所有字段都填充了实际数据。

在此先感谢您的帮助

0 投票
2 回答
887 浏览

javascript - 使用 ng-repeat 检索选定的选项 angularJS

我正在尝试使用 AngularJS 从 HTML 视图中检索选定的选项,但我没有找到方法,因为我看到的所有解决方案都考虑了参数“值”,但我在这里没有它,因为我没有事先知道选项列表的内容。

这是HTML代码:

提前致谢。