ngRepeat filtered result to another page


I’m getting some posts to my ionic app via JSON data , and I’m filetering the posts receipts with a searchbar input , the problem that the search bar input and the filetered results are showing in the same page , I want to show the result in another page , and the first page will be only for the search bar . (I added the new page and I’ll add a button for the search page ) This is my code

<label class="item item-input">
<input type="text" placeholder="Nom du Jneyne" ng-model="nom" ng-

<ion-item class="item item-thumbnail-left item-text-wrap item-icon-right" 
ng-repeat="post in (filteredItems = ( recent_posts 
| filter:{title:nom} " href="#/main/postDetail/{{}}">

<img ng-src="{{post.thumbnail}}" />
<p ng-bind-html="post.excerpt" </p>

<ion-option-button class="button-dark">
<i class="icon ion-heart"></i>