问题标签 [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.
angularjs - ui-select 不会在第一次单击 ngAnimate 时将输入元素聚焦
问题是,当您在使用 ngAnimate 的 Angular 项目中有一个 ui-select 并单击它以输入内容时,您无法输入,直到您再次单击输入元素。基本上,它似乎只关注第二次点击。
这似乎是引导主题的问题,并且列表中没有任何项目。
http://plnkr.co/edit/jqXDJLN33U75EO9imGER?p=preview
如您所见,如果您将项目添加到列表中,或者将主题更改为选择,它会按预期工作。
有没有办法解决这个问题?
ui-select - 将 ui-select 与主题 Bootstrap 一起使用时:如何使选择更小?
当使用带有主题 Bootstrap 的 ui-select 时,“选择”看起来与 Bootstrap 按钮的大小相同,即:btn btn-default
我希望选择看起来像一个“ btn-sm
”按钮。
我怎样才能做到这一点?我应该修改哪些类?
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
angularjs - Angular UI Select:在对象属性中使用过滤器时出错。错误:[$parse:syntax] 语法错误:令牌 '.' 出乎意料
Plunkr:http ://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 中有很多列我什至没有向用户显示..
angularjs - 当 Modal 中的项目列表很大时,angular-ui-select 的下拉列表的缓慢行为
我使用angular-ui-select1500 个项目的列表。
用户执行的每个操作都有 2 秒的延迟。我试图通过使用“最小输入长度”来提高性能,但过滤器不起作用。
Plunkr 示例: https ://plnkr.co/edit/H0kbeR4kHfZFjsBnpjBC?p=preview
我的HTML:
- 有谁知道如何提高性能?
如何应用最小字符过滤器?
谢谢。
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 右侧的图标吗?