title: make two or more pages in one single view in ionic
body: <p>I am using ionic framework to make mobile application in which i am now doing the setting page that has many options you can click in. but now i come across a problem that we do not know how to make two or more pages in one single view in ionic
  my code:</p>
  
  <p>//when i make one view like the one below, it works</p>
  
  <pre><code>      .state('tabs.settingMyNeeds', {
          url:'/setting/:aId',
          views:{
            'setting-tab':{
              templateUrl:'/travelAbroad/public/travel/www/templates/settingMyNeeds.html',
              controller:'expatsController'
            }
          }
  
        })
  </code></pre>
  
  <p>//but when i add one more like, it fails to open the My Info link :</p>
  
  <pre><code>      .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'
            }
          }
  
        });
  </code></pre>
  
  <p>//and my html</p>
  
  <pre><code>        &lt;div class="list"&gt;
  
              &lt;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}}"&gt;
                &lt;i class="icon ion-ios-information-outline"&gt;&lt;/i&gt;
                  My Info
                &lt;i class="icon ion-ios-arrow-thin-right"&gt;&lt;/i&gt;
              &lt;/a&gt;
  
               &lt;a class="item item-icon-left item-icon-right" ng-repeat="expat in expats | filter: {id: loginedId} | limitTo:1" href="./#/tab/setting/{{expat.id}}"&gt;
                &lt;i class="icon ion-ios-help-outline"&gt;&lt;/i&gt;
                  My Needs
                &lt;i class="icon ion-ios-arrow-thin-right"&gt;&lt;/i&gt;
              &lt;/a&gt;               
             &lt;/div&gt;&lt;!--end of list--&gt;
  </code></pre>
  
  <p>can anybody help me , Many thanks</p>