angularjs - Angular-bootstrap ui typeahead 没有匹配的结果

标签 angularjs angular-ui-bootstrap bootstrap-typeahead

嗨,我在我的 angularjs 站点中使用 bootstrap ui typeahead。这很好用。只是想知道当用户输入不在列表中的内容时是否可以显示一些文本,如“未找到匹配项”。

最佳答案

typeahead 指令为此包含一个属性 typeahead-no-results。

下面是一个例子:

<input type="text" ng-model="asyncSelected" placeholder="Placeholder Text" typeahead="address for address in getLocation($viewValue)" typeahead-no-results="noResults" class="form-control">

然后使用 ng-if 或 ng-show 显示您的错误消息。
<div ng-if="noResults">
  No Results Found!
</div>

如需更多阅读 Material ,请务必查看 bootstrap-ui docs

关于angularjs - Angular-bootstrap ui typeahead 没有匹配的结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32396288/

相关文章:

ajax - Twitter-bootstrap 预输入重复

javascript - 使用 Angular 将 Google 分析 ID 插入到脚本中

javascript - HTML 文本放入 Angular 的 $scope 属性中

javascript - 在 $routeProvider 的解析功能中使用 promise 链

javascript - 有什么方法可以通过单击外部来关闭 Angular UI 工具提示吗?

angularjs - 从 Controller 触发模式弹出

css - float 在 List-CSS 中不起作用

angularjs - Angular Modal - 关闭/关闭模式

bootstrap-typeahead - 如何更改 Bootstrap 预先输入的选择行为

jquery - 当提前输入 Bloodhound Remote 返回零结果时如何捕获事件