Ion-list made my filter not run?


My problem is that when I use ion-list to create a list with data returned from AngularFire using Firebase, I can’t apply my filter. The filter doesn’t work and doesn’t show any error.
This is my code

//get all categories
  var catRef = new Firebase('');
  $scope.cats = $firebase(catRef).$asArray();



  <ion-pane ion-side-menu-content>
    <ion-nav-bar class="bar-stable nav-title-slide-ios7">
      <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i> Back</ion-nav-back-button>
    <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>

  <ion-side-menu side="left">
    <header class="bar bar-header bar-stable">
      <h1 class="title">Categories</h1>
    <ion-content class="has-header">
        <ion-item nav-clear>
          <input type="text" ng-model="query" placeholder="Search a category...">
        <ion-item ng-repeat="cat in cats | filter:query" nav-clear menu-close href="#/app/playlists/{{cat.$id}}">

If anyone knows about this, please help me to fix it.


Have the same problem.


I also have the same problem. If you replace <ion-list>, <ion-item> with <div class=“list”>, <div class=“item”> the exact same code works. I really don’t want to loose ion-list features though.