フィルターを3列（イオン）で使用する方法

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

皆さん。

私は私の問題を解決しました。それは何ですか？

私のイオンは、外部URL（私のサイト）からJSONファイルを受け取ります。このJSONファイルは、MYSQLクエリによって生成されます。私は、クエリにPHPの関数array_chunkを使用：魔法のように

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

Wordked：

$SQL = mysql_query("..."); 

$CHUNK = array_chunk($SQL, 3); 

print json_encode($CHUNK); 

ので、HTMLコードに私はこれをしませんでした。