Question

我正在使用离子v1.3嵌套视图。这里是父html

<h2>welcome </h2>

  <ion-nav-view name="welcomeCreate"></ion-nav-view>

  <ion-nav-view name="welcomeJoin"></ion-nav-view>

  <button class="button button-full button-positive" > start </button>

<h2> welcome again </h2>

问题：离子导航视图正确注入，但我没有看到

<button class="button button-full button-positive" > start </button>

<h2> welcome again </h2>

问题为什么离子不考虑我的html页面的其余部分？

其余背景：这是我的路由配置

     .state('welcome', {
        url: "/welcome",
        abstract: true,
        templateUrl: "templates/start/welcome.html"
      })

      .state('welcome.create', {
        url: '/create',
        views: {
          'welcomeCreate': {
            templateUrl: 'templates/start/welcomeCreate.html'
          }
        }
      })

      .state('welcome.join', {
        url: '/join',
        views: {
          'welcomeJoin': {
            templateUrl: 'templates/start/welcomeJoin.html'
          }
        }
      })

Answer 1

您的要求是多个命名视图。以下文档很有用在单个页面中实现多个视图 https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views

有关此内容的更多信息，请here。

离子嵌套视图中缺少内容

1 个答案: