javascript - ui-select 的 Angular 形式问题

Question

我正在尝试将 Angular-Formly 与使用 $http 的 Angular ui-select 一起使用以获得结果。

选项应在用户输入时刷新。当我从另一个文本输入设置模型时，ui-select 会正确更新并根据在文本框中输入的内容显示相应的结果。

当我直接在 ui-select 框中输入时，我没有取回值，templateOptions.options 函数没有触发，$viewvalue 没有更新。

我似乎也无法访问已更新但在 expressionProperties 中不可用的 $select.search 结果。

请查看以下重现错误的 JSBin:

http://jsbin.com/peducofaje/edit

我将不胜感激。

Answer 1

我提前给你准备了一份圣诞礼物。我更新了the ui-select example得到你想要的 :-) 关于你的为什么不起作用的一些说明:

• expressionProperties 仅在 formState 或 model 更改时运行，这是一种减少观察者数量的优化(因为所有 expressionProperties 共享一个观察者)。这样做的问题是，您的模型直到选择了一个选项后才得到更新，所以是的。
• 模板使用了 group-By，但是 templateOptions 没有 groupBy。您可以使用 templateManipulator 动态添加 group-by(如果 templateOptions 中存在)，但我的解决方案并未演示这一点。
• 您没有处理地址搜索为空的情况

此外，请查看顶部的注释:

// NOTE: This next line is highly recommended. Otherwise Chrome's autocomplete will appear over your options!
formlyConfig.extras.removeChromeAutoComplete = true;

希望对您有所帮助!