2015-05-29 113 views
1

这是一个非常有趣的问题,我没有找到任何答案。在离子之间的离子视图之间导航

我有一个像下面的平局不同的看法:

enter image description here

我有一个包含我使用下面的代码为它三个视图的第一个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' 
    } 
    } 
}) 

你认为怎么样?

PLUNKER DEMO

+0

提供了一个codepen?我可能会帮助你! –

+0

感谢您的评论,plunker代码:http://plnkr.co/edit/DNT9TTpS0HdaNShkZjSW?p=preview –

回答

1

从问题的理解。这是你想要的吗?如果没有,请告诉我。我会编辑。您需要在home.html中致电ui-sref="match.h",这样您的“简历”将显示在页面转换中。

Plunker

+0

好吧,这很好,你解决了其中一个问题,如何回到主页,我使用'我们-sref = “index.home”' –