问题标签 [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 投票
1 回答
1553 浏览

javascript - 使用带有角度的 ng-options 来显示带有键和值的选择选项并设置默认值

我有以下json:

在我看来我有

我可以在我的控制器中设置一个默认国家,但唯一的问题是下拉看起来像这样

当我在我的 ng-options 中按 country.code 添加曲目时,我正确地获得了选择列表,并且值设置正确

但我无法从我的控制器设置默认值

或者

有谁知道我可以如何解决这个问题。

0 投票
1 回答
1690 浏览

javascript - 如何使用多个 ng-options 处理级联/链式下拉菜单

我试图让下拉列表仅在它们上方的下拉列表中选择了某些内容时才填充。我有人用这样的方法为我指明了正确的起始方向。

这对于第一轮来说很好 - 在前一个选择了某些内容之前,下面的下拉列表不会填充。棘手的部分是我试图弄清楚是否说我一直选择到第 5 级,然后我重新选择第 2 级。然后我希望第三级出现,4-5 消失。我在想可能像 ng_show="!scope2 || !scope3" (或类似的东西,我传递多个参数),但我似乎无法在角度上得到这样的东西。有没有更好的方法来处理这个问题?

0 投票
2 回答
500 浏览

angularjs - 如何使用 ng-select 和 ng-options

到达此页面时,我正在通过控制器的模型属性加载国家/地区列表。但是我选择的值没有与我的选择绑定。请提供一些解决方法,或者我应该使用 ng-options。

国家列表是我放入模型并将其发送到客户端的哈希图。

0 投票
1 回答
4777 浏览

javascript - 如何使用 ng-options 在 select 上设置提示?

我有一个使用 ng-options 填充选择的选择,如下所示:

如果人员集合为空或尚未选择任何值,我不想为集合添加默认值。我想在 select 中有一个提示,以鼓励他们使用 select。感谢您的建议。

0 投票
4 回答
10762 浏览

image - 如何在angularjs的下拉列表中添加图像

我正在使用 angularjs 中的图像进行下拉菜单,我尝试了很多解决方案,但没有取得任何成功。

我的组合数据采用 json 格式,包含三个元素 id 、 image 和 value。根据模型中的行数,这些下拉数字也是动态的。

请分享解决方案。

谢谢。

0 投票
6 回答
13313 浏览

javascript - Angularjs select不会将匹配模型标记为选中

我的 ngModel 在选择时遇到问题,未显示为已选择。id 和 name 都匹配,但它不起作用,请参阅 selectedState。将模型指向选项数组中的实际对象有效,请参阅 selectedState2。不知道发生了什么...

小提琴:http: //jsfiddle.net/fedorsmirnoff/b49n4Ldp/2/

0 投票
2 回答
1867 浏览

javascript - AngularJS 的 ng-model 不绑定下拉菜单(ng-options)中的选定值,也无法重新加载页面

基本上,我有一个在本地主机上运行的网络服务器,我想在我的 AngularJS 网络应用程序和我的服务器之间交换数据。我成功传输了数据,但正确显示它是一个问题。

我已经为我的 AngularJS 应用程序制作了一个简化的 plunkr 版本......

显然,您没有服务器端代码,但您不需要它。正如 plunkr 所说,我有不止一个问题:

  • 我无法使用重新加载页面$route.reload(),我也尝试过$window.location.reload(true)$window.location.href = $window.location.href......到目前为止没有任何效果
  • 此外,ng-options 中的 ng-model 不绑定数据。如果我在调用 sendData 时进入调试器,则定义了 tempData 但未定义 selectedListItem(即使我从下拉菜单中选择了一个值)

任何建议都非常受欢迎,

感谢您的时间。

0 投票
1 回答
6811 浏览

javascript - ng-options 选择列表值设置为我选择的 id 并将其与 ng-model 正确绑定

使用 angular,我想创建一个带有我选择的 id(对象的实际 id 属性)的值的选择列表,并且我想将它与 ng-model 指令正确绑定。

这是我尝试过的:

http://jsfiddle.net/b7dyadnr/

这里选择选项值是正确的值(值是人中的人的id)并且文本是正确的。但是绑定不起作用,因此如果我设置 $scope.selectedPersonId 的值,则选择不会反映在列表中。

我知道我可以让它像这样工作:

http://jsfiddle.net/rgtbn2f5/

在那里我可以设置 $scope.selectedPersonId 并且更改会反映在列表中。但是,选择列表选项值中使用的 id 不是实际人的 id !

我想像这样使用它,除了我希望 angular 在选择选项值中使用人的真实 id,而不是数组的索引或它使用的任何东西。

如果你想知道我为什么要这样使用它,那是因为 id 被发送到 API 并且模型也可以使用 querystring 设置,所以我必须让它像这样工作。

0 投票
1 回答
1015 浏览

javascript - 过滤掉选择选项后,角度模型无法更新

试图找出当绑定的选定选项不再存在时模型不更新的原因。我希望模型的属性更新为未定义/空/空字符串。

情况:一个人使用过滤select器驱动另一个人。select做出选择后,转到原件select并选择另一个选项。select过滤器将按预期删除第二个选项,但第二个的模型属性select将保持不变。

问题:当您传递模型时,它将填充错误/以前的值。此外,使用 Angular 验证,select需要......表单在技术上是“有效的”,因为模型具有属性的值(先前的值)。

HTML:

模型:

我相当确定我可以将 ng-change 函数绑定到第一个函数以强制它更新模型,但是有更好的方法吗?

演示问题的示例Plunker

0 投票
2 回答
29046 浏览

angularjs - Angular JS - 获取选择控件的选定文本

我已经按照以下链接解决了这个问题,但它没有用: 如何使用 AngularJS 获取选项文本值?

我有一个包含一组服务器的下拉列表。当我从下拉列表中选择一个值时,我希望所选值显示在单独的 div 中。这是我所做的:

选择控制:

显示选定的文本:

但是,这不会显示选定的文本。我究竟做错了什么?