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

时间:2015-08-27 13:19:00

标签: android angularjs autocomplete ionic-framework

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

有没有办法在用户输入char之前显示所有可能性?

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

控制器中的数组已填充,但仅在用户至少输入一次char时显示。

1 个答案:

答案 0 :(得分:0)

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

<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>

有任何疑问回复