2016-03-30 28 views
0

イオン性のフレームワークを使用してモバイルアプリケーションを作成しています。このページでは、クリックできるオプションが多数ある設定ページを行っています。イオン 私のコード内の1つの単一のビューに2つの以上のページを作成する方法がわからない:2つ以上のページをイオン化して1つのビューで表示する

//私は以下のようなビューを1つ作るとき、それは

 .state('tabs.settingMyNeeds', { 
     url:'/setting/:aId', 
     views:{ 
      'setting-tab':{ 
      templateUrl:'/travelAbroad/public/travel/www/templates/settingMyNeeds.html', 
      controller:'expatsController' 
      } 
     } 

     }) 

//しかし、ときに私の作品もう1つ追加すると、[マイ情報]リンクが開けません:

 .state('tabs.settingMyNeeds', { 
     url:'/setting/:aId', 
     views:{ 
      'setting-tab':{ 
      templateUrl:'/travelAbroad/public/travel/www/templates/settingMyNeeds.html', 
      controller:'expatsController' 
      } 
     } 

     }) 
     .state('tabs.settingMyInfo', { 
     url:'/setting/info/:aId', 
     views:{ 
      'setting-tab':{ 
      templateUrl:'/travelAbroad/public/travel/www/templates/settingMyInfo.html', 
      controller:'expatsController' 
      } 
     } 

     }); 

//と私のhtml

 <div class="list"> 

      <a class="item item-icon-left item-icon-right" href="#" ng-repeat="expat in expats | filter: {id: loginedId} | limitTo:1" href="./#/tab/setting/info/{{expat.id}}"> 
       <i class="icon ion-ios-information-outline"></i> 
       My Info 
       <i class="icon ion-ios-arrow-thin-right"></i> 
      </a> 

      <a class="item item-icon-left item-icon-right" ng-repeat="expat in expats | filter: {id: loginedId} | limitTo:1" href="./#/tab/setting/{{expat.id}}"> 
       <i class="icon ion-ios-help-outline"></i> 
       My Needs 
       <i class="icon ion-ios-arrow-thin-right"></i> 
      </a>    
      </div><!--end of list--> 

誰も私を助けることができ、多くのおかげで

+0

コンソールにエラーがありますか? – ddepablo

+0

いいえ、何も表示されないようです。 http:// localhost/travelAbroad/public /#ではなく、http:// localhost/travelAbroad/public /#/ tab/setting/{{expat.id}} – franklee

+0

のように設定しています。ニーズの状態の上に情報の状態を入れてみますか? –

答えて

0

は、あなたの意見は、固有の名前を持っている必要があります。また、あなたのURLは、uiルータがそれらを区別できるように、より具体的でなければなりません。試してみてください:

.state('tabs.settingMyNeeds', { 
url:'/setting/needs/:aId', 
views:{ 
    'setting-tab-myneeds':{ 
    templateUrl:'/travelAbroad/public/travel/www/templates/settingMyNeeds.html', 
    controller:'expatsController' 
    } 
} 

}) 
.state('tabs.settingMyInfo', { 
url:'/setting/info/:aId', 
views:{ 
    'setting-tab-myinfo':{ 
    templateUrl:'/travelAbroad/public/travel/www/templates/settingMyInfo.html', 
    controller:'expatsController' 
    } 
} 

}); 
+0

あなたの応答に感謝します。しかし、私は別のタブを作ってはいけません。私はちょうど設定タブに基づいてページを作ってみたい – franklee

関連する問題