离子自动完成：在用户输入之前显示所有元素答案

【问题标题】：Ion-autocomplete: show all elements before userinput离子自动完成：在用户输入之前显示所有元素
【发布时间】：2015-11-21 21:39:48
【问题描述】：

使用ion-autocomplete 时，在用户输入字符之前，可能性列表为空。

有没有办法在用户输入字符之前显示所有可能性？

示例：http://codepen.io/guylabs/pen/GJmwMw

控制器中的数组已填充，但仅当用户至少输入一次字符时才会显示。

【问题讨论】：

github问题：github.com/guylabs/ion-autocomplete/issues/57
问题#57已经解决，可以用master测试一下。
我使用一个函数来过滤结果，并且我还使用它来预填充列表 => 如果请求字符串为空，我将获取所有对象。所以我尝试了`search-items="idAutocomplete('','species')" `，它以一个摘要循环结束。这可能是因为我从后端请求对象（列表一开始是空的）并且有没有办法在用户打开列表时填充列表？
好吧，如果我使用函数，似乎摘要循环总是在发生。用一个试过，它返回一个空数组
问题是search-items 属性被映射为双向绑定值，而不是表达式/函数。因此，当您从后端解决承诺时，您需要设置该值。你知道我的意思吗？

标签： android angularjs autocomplete ionic-framework

【解决方案1】：

您可以过滤标签以显示所有列表而无需输入任何字符。
我提供了一个示例代码

<div ng-init="friends = [{name:'John', phone:'555-1276'},
                         {name:'Mary', phone:'800-BIG-MARY'},
                         {name:'Mike', phone:'555-4321'},
                         {name:'Adam', phone:'555-5678'},
                         {name:'Julie', phone:'555-8765'},
                         {name:'Juliette', phone:'555-5678'}]"></div>

<label>Search: <input ng-model="searchText"></label>
<table id="searchTextResults">
  <tr><th>Name</th><th>Phone</th></tr>
  <tr ng-repeat="friend in friends | filter:searchText">
    <td>{{friend.name}}</td>
    <td>{{friend.phone}}</td>
  </tr>
</table>

有任何疑问回复

【讨论】：