Ionic framework 爱奥尼亚:如何从索引中过滤其他html内容的列表?
我是爱奥尼亚的初学者 我在ion导航栏中有一个搜索文本框,它位于index.html中。我正在索引中呈现enroutelist.html页面,其中显示数据列表。在这里,我想从index.html搜索存在于enroutelist.html中的数据。因此,根据我的输入,无论我键入什么,它都必须过滤并显示结果 我不知道如何将数据从索引传递到enroutelist.html,或者是否有其他方法可用 有人能帮我吗 这是我的index.html页面Ionic framework 爱奥尼亚:如何从索引中过滤其他html内容的列表?,ionic-framework,Ionic Framework,我是爱奥尼亚的初学者 我在ion导航栏中有一个搜索文本框,它位于index.html中。我正在索引中呈现enroutelist.html页面,其中显示数据列表。在这里,我想从index.html搜索存在于enroutelist.html中的数据。因此,根据我的输入,无论我键入什么,它都必须过滤并显示结果 我不知道如何将数据从索引传递到enroutelist.html,或者是否有其他方法可用 有人能帮我吗 这是我的index.html页面 <ion-nav-bar class="bar ba
<ion-nav-bar class="bar bar-header bar-assertive" ng-controller="ManiCntrl" align-title="center">
<ion-nav-buttons side="left">
<button class="button button-icon button-clear ion-navicon" menu-toggle="left">
</button>
</ion-nav-buttons>
<label class="item-input-wrapper tg-header-search" ng-controller="DashCtrl">
<input id="search" type="search" placeholder="Search..." ng-model="search.storelist.store_name">
</label>
<ion-nav-buttons side="right">
<button class="button button-clear button-positive">
<i class="icon ion-ios-search custom-icon">
</i>
</button>
<button class="button button-clear button-positive" ng-click="reset()">
<i class="icon ion-ios-cart-outline custom-icon">
</i>
</button>
<button class="button button-clear button-positive" ng-click="reset()">
<i class="icon ion-refresh custom-icon">
</i>
</button>
</ion-nav-buttons>
</ion-nav-bar>
这是我的enroutelist.html代码
<ion-view class="enroute-view" view-title="ENROUTE">
<ion-content class="padding">
<button class="tab-btn" ng-click="listVisible()">
<i class="ion-ios-list-outline">
</i>
</button>
<button class="tab-btn">
<i class="ion-ios-location">
</i>
</button>
<br/><br/><br/>
<ion-list ng-hide="registered">
<ion-item class="store-item" ng-repeat="storelist in storelists">
<span style="color: black; font-size: 16px;">{{storelist.store_name}} </span><br/>
<span style="font-size: 12px;">{{storelist.store_address}}</span>
<i class="ion-ios-location custom-location">
</ion-item>
</ion-list>
</ion-content>
</ion-view>
{{storelist.store_name}}
{{storelist.store_address}
如果要进行“根”搜索,可以使用$rootScope
进行搜索。比如:
<input id="search" type="search" placeholder="Search..."
ng-model="$root.search">
然后在页面的其他地方:
<ion-item class="store-item" ng-repeat="storelist in storelists | $root.search">
您可以使用$rootScope
:
和ng repeat=“storelist in storelist”过滤器:$root.search“
@devqon我不能向上投票。如果你写它作为答案,那么我可以接受你的答案。非常感谢。