2017-01-31 5 views
0

私はイオンの初心者です。Ionic:他のHTMLコンテンツのリストをインデックスからフィルタリングするには?

私は、index.htmlにあるion-nav-barの中に検索テキストボックスを持っています。私は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> 
+0

あなたは '$ rootScope'を使用することができますどこか他のページで、その後

<input id="search" type="search" placeholder="Search..." ng-model="$root.search"> 

そして、 'ng-repeat ="ストアリストのストアリスト| filter:$ root.search "' – devqon

+0

@devqon私はupvoteできません。あなたが答えとしてそれを書くなら、私はあなたの答えを受け入れることができます。ありがとうございました。 –

答えて

0

「ルート」検索を行う場合は、$rootScopeを使用できます。以下のような何か: `<入力NG-モデル= "$のroot.search"/>`と:

<ion-item class="store-item" ng-repeat="storelist in storelists | $root.search"> 
関連する問題