问题标签 [ui-select]

任何人都知道如何以角度清除ui-select框的选定值？

我想要 select2 的功能，其中您在选择框中有一个小 x。看起来它没有 select2 得到的 allow-clear 方法。

情况：

我正在制作一个必须使用 ui-select 的 Angular 应用程序：在用户信息页面中，在选择中必须可以选择一个或多个标签。它几乎可以工作，除了我在获取和显示预先存在的标签时遇到问题。

编码：

看法：

控制器：

尝试 1：

它发生了一个非常奇怪的行为。我在用户的信息页面中看不到标签，甚至在 ui-select 中也看不到。除非刷新 5/6 次，否则它会突然神奇地工作，在用户信息页面和 ui-select 中显示标签。在这两种情况下，无论是否工作，我都会收到几条相同类型的错误消息：

无法读取未定义的属性“长度”。

尝试 2：

为了解决这个问题，我在控制器中添加了这段代码：

而且我不再收到任何错误消息。该应用程序很稳定，我可以在用户信息页面中看到正确的标签。唯一的问题是标签不再在 ui-select 中加载。

如果我选择一个新标签，那么它可以正常工作，但我会丢失预先存在的标签。

问题）：

如何使 ui-select 正常工作？(目前是v0.8.3) 有冲突的问题吗？

我怎样才能正确地从服务器调用预先存在的数据？

非常感谢！

我有一个固定高度的面板，溢出设置为自动。在该面板内，我正在使用 ui-select。

单击/打开选择框时，它会隐藏在面板页脚后面，用户必须向下滚动才能查看。是否可以在具有固定高度并设置溢出的框外获得 ui-select 显示。

柱塞链接

我面临 Angular UISelect 的问题，并使用 uiselect 选项将数据绑定到它并重复。

我在chrome 控制台中看到以下问题

TypeError: undefined is not a function at link ( http://cdnjs.cloudflare.com/ajax/libs/angular-ui-select/0.8.3/select.js:924:11 ) 在 nodeLinkFn ( http://ajax .googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6579:13）在compositeLinkFn（http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js： 5986:15）在nodeLinkFn（http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6573:24）在compositeLinkFn（http://ajax.googleapis.com/ajax/ libs/angularjs/1.2.16/angular.js:5986:15 ) 在 publicLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:5891:30 ) 在 boundTranscludeFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6005:21）在控制器BoundTransclude （http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16 /angular.js:6600:18 )在 Object.$watchCollectionAction [as fn] ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:20084:15 ) 处http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:12128:13）

IE 控制台我为每个记录绑定看到这个

类型错误： 在nodeLinkFn ( http : //ajax.googleapis . com/ajax/libs/angularjs/1.2.16/angular.js:6579:13）在compositeLinkFn（http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:5986:15）在nodeLinkFn（http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6573:24）在compositeLinkFn（http://ajax.googleapis.com/ajax/libs/angularjs /1.2.16/angular.js:5986:15 ) 在 publicLinkFn ( http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:5891:30 ) 在 boundTranscludeFn (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:6005:9）在控制器BoundTransclude （http://ajax.googleapis.com/ajax/libs/angularjs/1.2.16 /angular.js:6600:11）在 $watchCollectionAction（http ://ajax. googleapis.com/ajax/libs/angularjs/1.2.16/angular.js:12128:13）

当我下拉它时，我看不到任何下拉值，但我看到行是绑定的，因为当我选择一个值时，它显示为选中。

奇怪的是当我在我的示例应用程序中使用相同的代码时，它就像一个魅力

我使用 Angular-UISelect 来启用对我的下拉列表的搜索。

现在我有一个挑战。

1. 需要创建一个控制器级别过滤器（范围为控制器而不是应用程序），该过滤器从用户那里获取 3 分钟字符并基于 3 个字符点击 REST Api，并将 API 的结果绑定回 UISelect。

脚步：

1. UIselect 的初始加载不会有任何数据。
2. 用户输入 3 个字符
3. 触发一个过滤器（控制器范围），它使用 3 个字符调用 REST API
4. 将 REST API 响应绑定到 UISelect。

当我查看 UISelect 演示时，它对已绑定的数据执行搜索。

需要一些关于如何去做的意见。

我想将 ui-select 结果绑定到 ui-grid...

我的翡翠模板是这样的：

编辑

我解决了这个问题。（我的 ng-controller 只在网格周围，而不是在选择周围......）

我试图更新突出显示项目的样式，但没有找到办法。

我使用ui-select和多选，没有 jQuery。任何帮助将不胜感激。

伊丹

这是我在视图中选择的 ui：

这是我的控制器中的相关代码：

从服务器带来的标签理论上是这样的：

并且从外部传递的标签“passedLabel”在理论上也类似于其中之一$scope.labels，例如：

...我从理论上说是因为，从经验上看，我看到它们是不同的，因为 Angular 给它们添加了一些东西（例如$$hashKey，或__proto__）。

因此，由于这种差异，$scope.selectedLabel.selected = $scope.passedLabel与 ui-select 中的相应项目不匹配（它们不是同一个对象），因此，结果就是这种行为：

如何正确设置初始选择？有没有办法可以使用 id 而不是对象比较？我想避免for这样：

我很确定它会按预期工作，但我必须for在 ajax 返回后调用它......而且我还有其他 ui-selects

有人可以解释为什么会发生以下情况吗？

我使用 ui-select 并具有以下 html：

问题是关于“on-select”指令。

在我的控制器中，我声明了将保存模型数据的“程序”对象。

当调用“onSelect”方法时，我直接从“ui-select”指令和“cinemaId”发送模型。

如果我控制台记录我刚刚从 on-select 发送的模型，它将始终显示一个短值。

如果我使用cinemaId，在详细超时内从$scope 访问“程序”模型，我会使用所有值更新模型。

任何想法为什么？

我正在尝试结合 AngularUI 的 ui-grid 和 ui-select，以便在过滤 ui-grid 时可以具有 ui-select 行为。

我有一个 plunker，它是这里的一部分：http ://plnkr.co/edit/1rREdYPV4qz8slbwSLai?p=preview

但是此时，我唯一能想到的就是用JS隐藏原生过滤器，并用JS将ui-select下拉列表的输出推送到幕后的过滤器中。不过，这感觉很hacky。

是否有一种 angularjs 方法可以将 ui-select 的输出绑定到过滤器？或者也许用 ui-select 行为替换过滤器？