我想使用 Ionic 创建一个 3 列 (div) 列表。我想在用户写东西时应用过滤器。我写了下面的代码,但代码只列出了 3 个结果。谁能帮忙?
<ion-view view-title="Browse">
<ion-content>
<div>
<lablel class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" placeholder="Search..." ng-model="searchQuery" />
</label>
</div>
<div class="row">
<div class="col col-33" ng-repeat="contact in contactList | filter:searchQuery">
{{contact.nome}}
</div>
</div>
</ion-content>
</ion-view>
OBS:代码过滤正确。我有 150 多个结果,当我没有在搜索中写任何东西时,它应该列出所有结果,但只列出其中的 3 个。
最佳答案
每个人。
我解决了我的问题。这就是我所做的:
My ionic 从外部 URL(我的站点)接收一个 JSON 文件。此 JSON 文件由 MYSQL 查询生成。我在查询中使用了 PHP 函数 array_chunk:
$SQL = mysql_query("...");
$CHUNK = array_chunk($SQL, 3);
print json_encode($CHUNK);
因此,在 HTML 代码中我这样做了:
<ion-view view-title="Browse">
<ion-content>
<div>
<lablel class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" placeholder="Search..." ng-model="searchQuery" />
</label>
</div>
<div class="row" ng-repeat="chunk in contactList">
<div class="col col-33" ng-repeat="item in chunk | filter:searchQuery">
{{item.nome}}
</div>
</div>
</ion-content>
</ion-view>
措辞有魅力。
关于html - 如何在 3 列中使用过滤器( ionic ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39047545/