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

javascript - 如何在 ui-select 下拉列表中显示滚动条

我正在使用 ui-select 来显示状态列表。我的状态列表大于 ui-select 下拉高度。如何在 ui-select 下拉列表中显示滚动条,以便用户知道列表中有更多项目?

0 投票
2 回答
1827 浏览

angularjs - AngularJS:按 ID 数组过滤

我正在使用 ui-select 显示一个下拉列表,其中包含我从 web 服务以 json 响应的形式获得的值。我有另一个数组,其中有“id”,它们只是整数值。我想通过数组的值过滤 ui-select。

我怎么能做到这一点?

0 投票
13 回答
17929 浏览

angularjs - 当包含在 angular-ui-bootstrap 模态中时,Angular ui-select 不显示选项列表

我遇到了anular-ui-bootstrap 模态指令的问题。我在我的应用程序中使用 angular 的ui-select组件作为 html 选择的替代品。此 ui-select 在包含它的任何页面中都可以正常工作。但是当我尝试将它包含在模式弹出窗口中时(使用 ui-bootstrap $modal服务),下拉菜单不显示选项

该问题在此处重现

任何帮助将非常感激。提前致谢。

0 投票
2 回答
13380 浏览

angularjs - Angularjs 和 UI-Select:如何从代码中选择一个选项

在 angularjs 我有一个ui-select

加载页面时如何从代码中选择项目?当我在控制器中加载页面时,我得到$scope.itemsList:如何从其中选择特定项目controller

谢谢

0 投票
4 回答
3233 浏览

javascript - Angular ui-select 多个 ng-model 不会绑定?

我已经像这样将模型绑定到 ui-select

但是,$scope.selectedPeople当手动更改数组时,既不会在选择时更新,也不会更新 ui-select 选项。

在这里看到plunker

我在这里要做的是以编程方式在 ui-select 列表中添加一个项目。如何?

0 投票
1 回答
590 浏览

angularjs - 如何使用带有 VALUE 和 TEXT 的 angular ui-select' 选定项目

我有一个加载到
angular ui-select中的国家列表

代码详情如下

当我选择一个项目时,每个对象国家都有 2 个属性是 CODE 和 NAME,值和显示的文本始终是 NAME

我的预期是选择项目时值为代码,显示的文本为名称。 %ui-select-choices元素可以变成这样:

我该如何解决这个问题?

0 投票
0 回答
243 浏览

javascript - ui-select:值同时变化

在我的页面中有两个这样的 ui-select:

在此处输入图像描述

问题是,当更改第一个选择的值时,第二个也会更改!

这是我在 html 页面中的内容:

{{组件名称}}

在不重复信息的情况下很好地显示我。

有办法避免吗?

有任何想法吗?谢谢!

0 投票
1 回答
13962 浏览

angularjs - Angular ui-select 多选:从控制器中选择某些项目时下拉菜单未更新

单击“选择黄色”按钮时,我想将黄色添加到所选列表中。黄色被选中,但下拉菜单仍显示黄色。同样,我想在单击“取消选择黄色”按钮时取消选择黄色。我可以取消选择黄色,但黄色没有出现在下拉列表中。请帮我解决这个问题。HTML:

JS:

这是 plunker 链接 http://plnkr.co/edit/AHZj1zAdOXIt6gICBMuN?p=preview

0 投票
2 回答
960 浏览

javascript - ui-select 里面的可点击区域是 10px 一个引导模式

我有一个引导模式,在其中,我有一个用于标记的 ui-select。这是我的例子:

我的问题是:当我打开模态框时$('modal-invite').modal('show'),占位符(和可点击区域)的大小为 10 像素,如下所示:

10px 大小的占位符

谷歌浏览器检查器

单击它后,它会获得正确的宽度。
当模式打开时,如何使 ui-select 刷新它的大小?

0 投票
1 回答
399 浏览

angularjs - angularjs ui-select 创建自定义指令时遇到问题

再会!我需要在里面创建带有 ui-select 的指令。
这是指令的控制器和模板:

这是指令初始化。

无法从 servicesCtrl 将 $scope.data 呈现到视图中以编辑先前选择的数据。
$scope.data 中有一个对象,但视图的字段为空。我试过 ng-model="$parent.data" 和 ng-model="data",但没有效果。