Ionic framework 爱奥尼亚:如何从索引中过滤其他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导航栏中有一个搜索文本框,它位于index.html中。我正在索引中呈现enroutelist.html页面,其中显示数据列表。在这里,我想从index.html搜索存在于enroutelist.html中的数据。因此,根据我的输入,无论我键入什么,它都必须过滤并显示结果

我不知道如何将数据从索引传递到enroutelist.html,或者是否有其他方法可用

有人能帮我吗

这是我的index.html页面

<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我不能向上投票。如果你写它作为答案,那么我可以接受你的答案。非常感谢。