Android performance issue with ng-repeat and filter

1

hi,
i have the following code which is very sluggish on android (4.4.2).

          <ion-header-bar class="bar bar-header item-input-inset">
          <i class="icon ion-search placeholder-icon"></i>
          <input type="text" placeholder="Search.." ng-model="search.name" class="form-control" >
          <button ng-if="search.name.length"
                class="button button-clear icon ion-close-circled"
                ng-click="search.name=''">
        </button>
    </ion-header-bar>

    <ion-list>
        <ion-item ng-repeat="friend in filered = (friends | filter: {name:search.name})" type="item-text-wrap">
            <div class="row">

I have seen people here suggest that ng-repeat has performance issues. The number of element in the list is about 100. Almost never more than that. Is there anything easy I can do to improve performance ?
thanks!

2

Try Collection repeat.
You will see in the example they have 1000 items on a list and the performance is good.

3

does filtering work similarly?

4

seem like it. they even have it in the example. let me give it a shot - thanks!

5

thanks. performance issues solved!
now if i can only figure out why the icon does not show in android 4.4.2 :

            <button ng-if="search.name.length"
            class="button button-clear icon ion-close-circled"
            ng-click="search.name=''">

that would be awesome!