Html 如何在3列中使用过滤器（离子型）

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

{{contact.nome}}

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>

{{item.nome}}

措辞像个符咒