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

javascript - AngularJS 选择选项预选

我在angularJS中预选选择输入有一些问题。选择框被一个数组填充。

例如,一个选定的国家/地区填充了一个 ID(我通过 API 获得)。

但它不会起作用。我也尝试过使用选项和 ng-selected 来做到这一点。

为什么我不能做出这样的选择?这“有效”,在源代码中我看到了正确的选项 selected="true" - 但在视图中你看不到它......非常奇怪。

我现在的“解决方案”是,我用源数组“available_countries”的正确值填充我的ng-model。不必要的许多步骤?!

  1. 加载 API 的数据(选择填充)
  2. 加载 API 的数据(地址)
  3. 将所有引用 ID(如 country_id、state_id)操作到 select-fill-objects(用于预选)
  4. 用户编辑发生 => 用户点击更新
  5. 将所有选择填充对象更改回参考 ID
  6. 立即保存地址
  7. 重复步骤 3

如果我可以仅使用数字进行预选,则不需要 3.、5. 和 7.。这有可能吗?

感谢您的帮助:-) Stefan

0 投票
2 回答
1000 浏览

javascript - ng-model中带有整数值的AngularJS输入选择停止工作

我有一个使用 WebApi 和 AngularJS 用 C# .NET 编写的应用程序。

在我的应用程序中的某些时候,我使用 ENUMS 填充了一个带有选项的选择标签,因为由于这些值不在数据库中,所以我觉得不需要创建一个返回枚举的服务,因为我使用的是剃须刀页面所以我可以直接使用枚举。

在我将 Angular 版本更新到 1.4.7 之前一切正常,然后停止工作,并且我无法降级 Angular 版本(出于某些企业原因)。

例如,我有这个代码

从 WebApi 获取数据的代码。

这会返回一个带有一堆属性的 JSON 对象,如下所示:

如果我在模型中有 like qualificacao.cobrejunta = "2" (string) 设置,则选择指向正确的选项,但如果我有qualificacao.cobrejunta = 2 (integer),则似乎没有任何效果。

无论如何要让它再次工作,或者唯一(最好的)解决方案是创建一个将请求 API 的服务,这个 API 将构建数组,然后返回它以使用 ng-option?

感谢你们。

0 投票
1 回答
51 浏览

angularjs - 基于第一个选择的过滤器选择

我已经尝试了一天让这个过滤器工作我不知道出了什么问题..我尝试了许多代码变体。这段代码正在工作,然后突然停止了。请帮忙!如果提要类别与第一个选项中选择的类别匹配,我正在尝试过滤第二个选项

0 投票
2 回答
76 浏览

javascript - AngularJS 和选择

我无法理解为什么我的 Angular<select>没有将默认值添加到我想要的类别中。

我有一个从我们的 Parse 数据库返回的对象;对象是这样的(这是“选定”选项):

我还有一个类别列表:

在我的 HTML 中,我有一个这样的选择:

我可以选择一个新类别并将其分配给该项目,然后我可以使用 item.save() 保存该项目但我遇到的问题是选定的(ng-model)似乎不起作用,当我第一次进入页面我总是得到默认的空白选项,即使我在控制台签入时有类别。

此外,我能够使用我自己创建的一个简单对象使其工作,但是这个对象是从我们的 Parse 数据库中返回的,所以我不确定这是否是问题所在,或者我只是在那里遗漏了一些东西.

感谢您的帮助。

注意:我已经阅读了与我类似的其他 StackOverflow 问题,但它们对我的没有帮助。

0 投票
4 回答
554 浏览

javascript - ng-options 在加载时的选择框中不显示 ng-model 对象(AngularJS)

我有一个 html 选择输入。这里我使用 AngularJS:

问题是 t.select 已定义,但它没有显示在 html 选择列表框中。如果我选择了某些东西,那么 t.select 会发生变化并且显示的值会正确更改,我希望它在加载时显示 t.select。

这是角度代码,做了一个小提琴来更好地说明: https ://jsfiddle.net/fiddlejan/Lt0cuwLd/

编辑:为了澄清,t.select 设置为“99 - Annen utvendig kledning - må spesifiseres”,这是在选择框中加载时应显示的内容。

0 投票
2 回答
1151 浏览

angularjs - $scope 没有在选择元素中获取 ng-model 值

我正在尝试向从 ng-model 接收它的变量添加一个值。

这是HTML:

这是 Angular($scope.itemAmount 和 $scope.itemName 有效):

控制台上似乎没有打印任何内容:

在此处输入图像描述

所以唯一不起作用的是Select中的ng-model。下拉列表显示正确的值。如何获取下拉列表中选择的值以在控制台中打印?

注意:为了清楚起见,我省略了 http.post 代码。

0 投票
1 回答
117 浏览

angularjs - ng-selected 不起作用

ng-selected 不起作用

我选择监视器的记录

在此处输入图像描述

并且模态打开了该特定记录的数据,但未选择组合

在此处输入图像描述

但是当我检查 html 时,它 ng-selected 是真的。

在此处输入图像描述

这是html的代码

这是控制器

0 投票
1 回答
1002 浏览

html - 为什么 angular-js ng-option 未显示为选中状态?

在这段代码中,我的预期行为是,它将显示选择框并选择我添加的第一个选项 selected="selected"。

但它没有选择那个“选定的”属性元素。

我也用 ng-selected="true" 试过这个。这对我也没有帮助。对我有什么建议吗?

0 投票
2 回答
8406 浏览

angularjs - 如何使用angularJS中选项的自定义值重置选择中的选定选项

我想使用 angularJS 中选项的自定义值重置 select 中的选定选项:

HTML

选择选项是:<span>{{mymodel}}</span>

JS

0 投票
1 回答
1061 浏览

angularjs - Angular 使用 ng-options 设置选定属性

我根据 JSON 调用填充选择的值和显示名称。在同一个调用中,我从嵌套数组中提取默认帐户值(如果存在)。所以我有一个保存该默认帐户值的范围,并且选择正在填充,但是对于我的生活,我无法弄清楚如何让选择属性应用于数组中具有值的对象对应于默认值。

本质上,如果数组中存在默认帐户 ID,我只想将“选定”应用于选项。

此外,我无法更改 select 的 ng-model,因为它与表单集合功能相关联。

此外,我对使用 ng-repeat 与 ng-options 持开放态度,只是无法通过 repeat 弄清楚,所以我转向了选项范例。

任何帮助将不胜感激!HTML:

在我的控制器中:

我得到的数据: