Question

所以大家，我试图在离子导航视图中有一个模板，但状态不识别它。我想要喜欢

<ion-nav-view>
   <ion-nav-view name="menuContent">
      <nav-view name="historyContent">
      </nav-view>
   </ion-nav-view
</ion-nav-view

这是州代码所以视图“menuContent”具有app.serviceHistory状态和内部视图“menuContent”我希望有另一个视图“service_table_view”，它应该以“menuContent”视图的相同状态加载，即“app.serviceHistory”

 .state('app.serviceHistory', {
      url: '/serviceHistory',
      views: {
        'menuContent': {
          templateUrl: 'templates/serviceHistory.html',
          controller:'serviceHistoryCtrl'
        },
        'serviceView':{
          templateUrl:'templates/browse.html',
          controller:'serviceHistoryCtrl'
        }
      }
    })

它没有加载模板browser.html，我错过了什么错误？

Answer 1

好的伙计们，试图摆弄代码，我发现如果我不得不玩，那么将把模板加载到＆＃34; menuContent＆＃34;视图。但是，我必须创建一个新状态才能实现看起来像这样的

  .state('app.serviceHistory', {
      url: '/serviceHistory',
      views: {
        'menuContent': {
          templateUrl: 'templates/serviceHistory.html',
          controller:'serviceHistoryCtrl'
        }
      }
    })
   .state('app.serviceHistory.singleHistory', {
      url: '/singleHistory',
      views: {
        'serviceView': {
          templateUrl: 'templates/browse.html'

        }
      }
    })

视图

<ion-nav-view>
   <ion-nav-view name="menuContent">

      <ui-view name="historyContent">
      </ui-view>
   </ion-nav-view
</ion-nav-view

但是，我的目标是在一个州内加载两个视图。如果有效，我会尝试新事物。

请注意，ion-nav-view中的ion-nav-view会妨碍css架构，所以我们应该使用＆＃34; ui-view＆＃34;我想，在我的情况下，它完全在嵌套条件下工作

在nav-view中嵌入ion-nav-view

1 个答案: