html - 如何在 3 列中使用过滤器( ionic )

Question

我想使用 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 个。

Answer 1

每个人。

我解决了我的问题。这就是我所做的:

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>

措辞有魅力。