Question

我正在使用离子框架制作移动应用程序，我现在正在设置页面，其中有许多选项可供您点击。但现在我遇到了一个问题，我们不知道如何制作两个或更多页面离子中的一个单一视图我的代码：

//当我制作一个如下所示的视图时，它可以正常工作

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

      })

//但是当我再添加一个时，它无法打开我的信息链接：

      .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-->

任何人都可以帮助我，非常感谢

Answer 1

您的观点需要具有唯一名称。此外，您的网址应该更具体，以允许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'
  }
}

});

在离子的单个视图中制作两个或更多页面

1 个答案: