这是一个非常有趣的问题,我没有找到任何答案。在离子之间的离子视图之间导航
我有一个像下面的平局不同的看法:
我有一个包含我使用下面的代码为它三个视图的第一个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的任何视图的任何项目点击。
我该怎么使用?
我试着这样做:
做出拉辛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'
}
}
})
你认为怎么样?
提供了一个codepen?我可能会帮助你! –
感谢您的评论,plunker代码:http://plnkr.co/edit/DNT9TTpS0HdaNShkZjSW?p=preview –