问题标签 [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.
javascript - AngularJS ui-select - 不选择下拉选项
我有 ui-select 元素与帮助 angular-formly 字段类型一起使用。我有这样的定义：
我正在寻找一种方法来关闭过滤，关闭提前输入选项，因此该元素的外观更像常规选择。
此外，当带有值的馈送 - 通过模型 - 当单击以展开列表上的选择时变得与值不同步 - 它选择列表上的第一个值而不是由模型驱动的值 - 当“点击离开”时恢复正常。这是一个设置吗？
angularjs - 创建一个角度包装器组件
我正在尝试为 angular-ui 选择创建一个包装器组件/指令。
在我的应用程序中，我有几个声明一遍又一遍地等同于同一件事。因此，尝试重用一些代码我想创建一个指令“my-select”，它只是创建一个“预配置的”angular-ui-select。
这是我的模板：
以及组件定义：
上面的代码几乎就是我想出的，它可以工作（有点）。
问题是数据绑定被过度使用，并且使用包装器会严重影响性能。此外，项目的双重绑定似乎也会影响原始组件的行为（并不总是按预期工作）。
有没有另一种方法来实现同样的事情（最好使用角度）？
我正在使用 Angular 1.5 和 angular-ui-select 的最新版本。
javascript - Angular UI Select 未在下拉列表中显示所选元素（IE 11）
我在使用 UI 选择填充的下拉列表时遇到问题，无法显示之前选择的元素。这个问题只出现在 IE11 中，我尝试使用 Angular UI select 的演示进行检查，不幸的是它也有同样的问题。
下面是 IE11 中问题的屏幕截图，我从下拉列表中选择了“natasha”，一旦我尝试再次打开它，它不会在下拉列表中显示与突出显示相同的内容。
这是我在项目中面临的同样问题，如果有相同的解决方案，请告诉我。谢谢 ：）
angularjs - 如何为下拉选择创建指令？
假设我在我的应用程序中为国家/地区使用了相当多的下拉选项（又名组合框）。为了避免一遍又一遍地重复相同的代码，我想为此创建一个指令。
但是：使用以下指令并不能满足我的所有期望（见下文），而复制粘贴模板确实符合我的所有期望..
我的模板在哪里：
我期望它做什么：
- 更改第一个组合，更改模型 $scope.mydata.selectedCountry。此更改还应影响/更新第二个组合
- 更改第二个组合，更改模型 $scope.mydata.selectedCountry。同样，第一个组合应该受到影响/更新
- 按下清除按钮应该清除两个组合框中的选择（因为清除按钮使模型 $scope.mydata.selectedCountry == null）
我一定是做错了什么，但我找不到。在这个 plukr 中查看我的示例：http ://plnkr.co/edit/oF1R0F1udfiRulx5NvLO?p=preview
请注意，在第一个组合框中进行更改，everyting 似乎工作正常。（第二个组合更新正常）一旦我在第二个上做出选择，绑定似乎被“破坏”
对此有任何提示吗？
jquery - 带有单选的 ui-select（限制属性不起作用）
这是我的代码。我使用了角度 UI 选择。它工作得很好。但是现在，要求更改为仅选择一次下拉列表。我使用了限制属性，但它不起作用。
angularjs - 从 ui-select 中选择两项后禁用 ui-select-choices，除非用户删除了至少一项
在从 ui-select 中选择两项后禁用 ui-select-choices，除非用户删除了至少一项。此代码适用于多选。限制属性不起作用。因此，我使用 on-select 来提醒用户如果他们选择了超过 2 个项目。但要求是限制 2 并禁用选择。我们如何做到这一点？
angular-ui - 角度 ui-select-header - 解决方法？
我看到 ui-select-header ( https://github.com/angular-ui/ui-select/wiki/ui-select-header-and-footer ) 是计划好的，但我真的需要一个解决方法，直到它可用，有什么好主意吗？我想为这样的控件添加一个“全选”按钮：
angularjs - 在 angular-ui-select 中将 $index 绑定到 ng-model
我试图绑定$index到ng-modelusingui-select指令但没有运气。
在上面的模板itemArray中是一个月份名称数组，从下拉列表中选择任何月份后，我想将其绑定$index到ng-model(ie. 'selected.m') 。
我已经准备好这个笨蛋了。
javascript - 带有初始选择的Angularjs UI多选
我正在使用 Angularjs UI 选择。我面临一个问题。
这是我的代码：
Javascript：
HTML：
现在如何在页面重新加载时显示选定的类别。选定的类别将保存在数据库中，在页面重新加载时它们将在客户端可用，但我如何将它们显示为选定的并且它们也不能出现在下拉列表中.
编辑 nicost 建议将从数据库中提取的选定类别分配给 $scope.SelectedCategories 解决了我的一半问题，但剩下的问题是这些类别也出现在下拉列表中。
ui multiselect 的默认行为是，如果我从下拉列表中选择一个类别，它会显示在上面的文本框中，并且该类别会从下拉列表中删除，当我从所选类别中删除任何类别时，该类别会出现在下拉列表中.
在我的情况下，如果我在页面重新加载时从可用类别列表中删除选定的类别（我在服务器端这样做），那么它们不会出现在 dropdowm 中，但是当我删除任何选定的类别时，该类别不会出现在下拉列表中。
ui-select - angular-ui-select bootstrap 中的多选 - 在菜单列表中保留项目？
有没有办法将下拉列表中的项目保留在 angular-mutliselect-ui-select 控件中？我想单击一个项目，因此将其添加为选中状态，但将其保留在列表中（如果再次单击它-什么都不会发生）。