I would like to search product by name but the result always show two products not only one product. How can I solve this?
<ion-list class="list card" style="border-radius: 30px;">
<div class="item item-input">
<i class="icon ion-search placeholder-icon"></i>
<input type="search" ng-model="filter_products.name" placeholder="{{ 'Search' | translate }}" aria-label="filter products.name" style="color: #ff7200;" />
</div>
</ion-list>
<div class="list row" ng-repeat="rows in chunked_products | filter:filter_products as result" ng-init="$last ? fireEvent() : null">
<div class="col card" ng-repeat="item in rows" style="border-radius: 30px 0px 30px 0px;">
<a class="item item-image ink" ng-href="#/library_to_door/product_singles/{{item.id}}">
<img alt="" class="ratio1x1" ng-src="{{item.featured.thumbnail}}" />
</a>
<div class="item item-text-wrap" >
<span ng-bind-html="item.name | to_trusted" style="color: #ffffff;">{{product.name}}</span>
<strong class="calm" style="color: #ffffff;">{{ item.price | currency:"Ks":2 }}</strong><br/>
<span style="color: #ff7200;">{{product.rating}}</span>
</div>