ion-slide-box内のng-repeatをフィルタリングするとすべてが壊れます

Question

イオンスライドを使用してアイテムのリストをスライドページとして表示するようになりましたが、そのリストをフィルタリングする機能を追加したいと思います。

問題がある：私は、フィルタを適用すると、スライドが壊れているようです:(

これは私がこのフィルタリングのものをやっている方法の例です：

<input type="text" ng-model="myFilter" style="border: 1px solid black;"> 
    <ion-slide-box> 
    <ion-slide ng-repeat="item in items | filter:myFilter"> 
     <div class="card" style="height: 200px;"> 
     <h1 style="text-align: center;">{{ item }}</h1> 
     </div> 
    </ion-slide> 
    </ion-slide-box> 

そして、ここではCodepenがにあります一例として示している。

http://codepen.io/gbrennon/full/grWxvg/

Answer 1

あなたはslideboxは、スコープ変数がsuggeとして、更新されたことを知らせる必要がありように見えますsted here。

問題が解決しない場合は、角度フィルタを使用する代わりに手動でフィルタを適用し、配列が更​​新された後に$ionicSlideBoxDelegate.update();を呼び出してください。