angularjs - Angular UI Bootstrap - 未选择 Typeahead 下拉值时清除模型值？

Question

我试图弄清楚如何让 UI.Bootstrap Typeahead (http://angular-ui.github.io/bootstrap/) 仅在从下拉列表中进行选择时设置模型值，如果未进行选择则清除该字段。

如果有一个不同的控件可以做到这一点，那也可以。

Typeahead 正在选择一个对象，如果用户只键入几个字符然后离开该字段，则模型值将设置为该字段的字符串值。我显然可以测试这种情况，但修改范围模型值不会刷新表单有效性。因此，如果我有一个必填字段，我还必须将该字段的有效性设置为 false。

这一切似乎都是很多工作，肯定有人已经想出来了。有什么建议吗？

编辑

我的另一个想法是，将 Typeahead 与提交回服务器的范围值分开是不是最佳做法？

Answer 1

我遇到了类似的问题。我绕过它的方法是使用 blur要验证的事件。

<input type="text" ng-model="yourModel" ng-blur="validateSelection()
  typeahead="item for item in list | filter:$viewValue"">