Question

我通过JSON数据向我的离子应用程序发布了一些帖子，我正在使用搜索栏输入来过帐帖子收据，搜索栏输入和文件化结果显示在同一页面中的问题，我想要在另一个页面中显示结果，第一个页面仅用于搜索栏。（我添加了新页面，我将为搜索页面添加一个按钮）这是我的代码：

<label class="item item-input">
<input type="text" placeholder="Nom du Jneyne" ng-model="nom" ng-
change="showSelectValue(nom)">
</label>

<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/{{post.id}}">


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

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

</ion-item>
</ion-list>

Answer 1

尝试添加ng-if并将代码更改为

<label class="item item-input" ng-if="srhItem">
<input type="text" placeholder="Nom du Jneyne" ng-model="nom" >
<input type ="submit" value="search" ng-click="showSelectValue(nom)"> 
</label>

和您的显示部分

<div ng-if = displayResult>
<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/{{post.id}}">


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

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

</ion-item>
</div>

并在$scope.srhItem = false函数中添加$scope.displayResult = true，showSelectValue()。别忘了在控制器的开头添加$scope.srhItem = true

ngRepeat过滤结果到另一页

1 个答案: