问题标签 [angular-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 投票
0 回答
1195 浏览

angularjs - ui-select 不会在第一次单击 ngAnimate 时将输入元素聚焦

问题是,当您在使用 ngAnimate 的 Angular 项目中有一个 ui-select 并单击它以输入内容时,您无法输入,直到您再次单击输入元素。基本上,它似乎只关注第二次点击。

这似乎是引导主题的问题,并且列表中没有任何项目。

http://plnkr.co/edit/jqXDJLN33U75EO9imGER?p=preview

如您所见,如果您将项目添加到列表中,或者将主题更改为选择,它会按预期工作。

有没有办法解决这个问题?

0 投票
2 回答
2371 浏览

angularjs - 与 Bootstrap 模态一起使用时显示在模态后面的 Angular ui-select 选项

我面临 Angular 的问题ui-select(替换 HTML 选择)。我添加了该选项append-to-body,以便它可以显示在其他元素之上。

但我面临一个问题,当它在引导模式之上使用时,它不显示选项列表。实际上,它显示选项列表显示在模态后面,如您在图像中看到的那样。

有没有解决这个问题的方法?

在此处输入图像描述

0 投票
2 回答
1440 浏览

angularjs - Angularjs ui-select:如何为多个下拉菜单设置选定值

我在页面上有多个 ui 选择。如何分别为每个项目设置选定值,从而使用从服务中检索的单个列表?

HTML:

控制器:

在此处输入图像描述

0 投票
2 回答
1806 浏览

angularjs - Angular UI 选择选项问题

我正在尝试使用角度 UI 选择,但遇到了问题。当我的表单加载时,选项似乎正确填充,但它没有从我的模型中选择的值。例如,下面的屏幕截图显示了一个具有优先级 (2) 正常的项目,但正如您所见,当表单加载时它似乎是空的。

在此处输入图像描述

然后,如果我选择其中一个选项并保存它会尝试使用整个对象

而不仅仅是值,但顶部仍然显示为空。

编辑:如果它有帮助,这就是我之前所做的工作,但现在我需要选择的过滤功能

0 投票
1 回答
716 浏览

ui-select - 将 ui-select 与主题 Bootstrap 一起使用时:如何使选择更小?

当使用带有主题 Bootstrap 的 ui-select 时,“选择”看起来与 Bootstrap 按钮的大小相同,即:btn btn-default

我希望选择看起来像一个“ btn-sm”按钮。

我怎样才能做到这一点?我应该修改哪些类?

0 投票
1 回答
540 浏览

css - ui-select with in multiple mode - 如何实现对所选项目的点击反应?

我正在使用ui-select选择多个项目。当我单击一个选定的项目时,我想打开modal window。我将它实现为 ui-select-match 元素中的 ng-click 功能。

我的 js 看起来像这样:

单击时,我的模态窗口正在打开,但我遇到了问题:当我通过单击x图标删除项目时,模态窗口会打开。我怎样才能防止这种行为?

Plunkr 在这里:http ://plnkr.co/edit/i4urNAa1u1rteXhfvAyd?p=preview

0 投票
1 回答
341 浏览

angularjs - Angular UI Select:在对象属性中使用过滤器时出错。错误:[$parse:syntax] 语法错误:令牌 '.' 出乎意料

Plunkrhttp ://plnkr.co/edit/VR4p6n8rbrGZZOCcCrIa?p=preview

我正在使用 angular-ui-select 插件。

我正在尝试根据城市、州和国家/地区过滤项目。

我用于绑定下拉列表的数据具有以下结构:

];

我将其绑定如下:

我收到此错误:

错误:[$parse:syntax] 语法错误:令牌 '.' 是出乎意料的,在表达式 [ctrl.people | 的第 57 列期望 [:] propsFilter: {name: $select.search, state.state: $select.search,state.country.country: $select.search}] 从 [.state: $select.search,state.country.country: $select 。搜索}]。

编辑:我可以通过在整个 json 中 使用过滤器而不是propsfilter和搜索来解决这个错误。但我不想这样做,因为 json 中有很多列我什至没有向用户显示..

0 投票
3 回答
6024 浏览

angularjs - 当 Modal 中的项目列表很大时,angular-ui-select 的下拉列表的缓慢行为

我使用angular-ui-select1500 个项目的列表。

用户执行的每个操作都有 2 秒的延迟。我试图通过使用“最小输入长度”来提高性能,但过滤器不起作用。

Plunkr 示例: https ://plnkr.co/edit/H0kbeR4kHfZFjsBnpjBC?p=preview

我的HTML:

  1. 有谁知道如何提高性能?
  2. 如何应用最小字符过滤器?

    谢谢。

0 投票
0 回答
1461 浏览

angularjs - AngularJS BootStrap UI-Select - 如何更改右侧的图标

我正在尝试将图标设置为 ui-select,但是我一直失败。我在网上看过几个例子,他们有箭头的截图,或者不同的图标。我很好奇如何改变它。

目前,我运气不佳,因为我没有任何图标显示。

在此处输入图像描述

我假设我缺少 CSS 参考或其他内容。

我发现带有箭头的 ui-select 示例:http: //embed.plnkr.co/jBJkDb

查看https://github.com/angular-ui/ui-select/wiki/ui-select有一个名为“示例:禁用而不是删除多选中的选定项目”的部分,该部分具有不同颜色的不同图标.

有人可以确定如何更改 ui-select 右侧的图标吗?

0 投票
1 回答
971 浏览

angularjs - Angular ui选择不显示占位符

我对 angular-ui-select 有疑问。

当它关闭时,它看起来像这样

在此处输入图像描述

但是当它打开时,占位符不会出现,它看起来像这样:

在此处输入图像描述

这是我的代码:

注意 1:我从服务器获取数据,可能有很多字段要显示。

注意 2:我正在使用“选择”主题,因为我无法在 Ionic 应用程序中使用 Bootstrap

您对为什么会发生这种情况以及如何解决它有任何建议吗?

编辑:第二张图片中的“活动标签”在那里,因为下拉菜单越过了下一个字段,这里没什么大不了的。