在离子的离子视图之间导航

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文件视为离子视图：

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

$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