在ion之间导航-ion上的视图

Question

这是一个非常有趣的问题，我没有找到任何答案。

我有不同的看法，如下图所示：

​

​

我有包含三个视图的第一个html文件，我使用了下面的代码：

$stateProvider
    .state('home', {
  url: '/home',
  views: {
    day: {
      templateUrl: 'home.html',

    }
  }
})

 .state('help', {
  url: '/help',
  views: {
    day: {
      templateUrl: 'help.html'
    }
  }
})

 .state('contact', {
  url: '/contact',
  views: {
    day: {
      templateUrl: 'contact.html'
    }
  }
})

在html文件中，容器是：<ion-nav-view name="day"></ion-nav-view>

然后是第二个HTML文件，其中包含一个内容和几个视图，如下所示：

.state('c', {
  url: '/c',
  views: {
    view: {
      templateUrl: 'composition.html'
    }
  }
})

 .state('h', {
  url: '/h',
  views: {
    view: {
      templateUrl: 'resume.html'
    }
  }
})

和第二个html文件中的容器：<ion-nav-view name="view"></ion-nav-view>

当点击第一个html的任何视图的任何项目时，它应该重定向到具有两个视图的第二个html文件。

我到底应该用什么?？

我试着这样做：

创建一个racine html文件，该文件将把这两个html文件视为ion-views：

然后对状态提供程序进行如下更改：

$stateProvider
    .state('index.home', {
  url: '/home',
  views: {
    day: {
      templateUrl: 'home.html',

    }
  }
})

 .state('index.help', {
  url: '/help',
  views: {
    day: {
      templateUrl: 'help.html'
    }
  }
})

 .state('index.contact', {
  url: '/contact',
  views: {
    day: {
      templateUrl: 'contact.html'
    }
  }
})

 .state('match.c', {
  url: '/c',
  views: {
    view: {
      templateUrl: 'composition.html'
    }
  }
})

 .state('match.h', {
  url: '/h',
  views: {
    view: {
      templateUrl: 'resume.html'
    }
  }
})

 .state('index', {
  url: '/index',
    abstract: true,
  views: {
    index: {
      templateUrl: 'first.html'
    }
  }
})

 .state('index.match', {
  url: '/match',

  views: {
    day: {
      templateUrl: 'second.html'
    }
  }
})

你觉得你喜欢什么？

PLUNKER DEMO

Answer 1

从对问题的理解出发。这是你想要的吗？如果没有，请让我知道。我来编辑。你需要在home.html调用ui-sref="match.h"，这样你的“简历”就会显示在页面转换上。

Plunker