离子框架网页过渡

有谁成功添加页面过渡嵌套意见angularjs/ionicframework离子框架网页过渡

这是我为我的嵌套视图代码。当我去这个页面过渡不工作

<ion-side-menus> 
    <ion-nav-view name="left"></ion-nav-view> 
    <ion-nav-view name="main"></ion-nav-view> 
</ion-side-menus>

但如果我只放这段代码

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

页过渡工作

我希望你能帮助我这一个。谢谢！

来源

2015-06-24 Sydney Loteria

我真的不认为你应该有<离子NAV-意见>侧菜单 –

喜@JessPatton里面，你可以建议我应该用什么标签，我有点头疼与此转折:( –

在你的index.html，你应该有一个单一的离子导航视图像这样（你可以填充此离子导航与多个离子视图模式）：

<div ng-app="ffApp" animation="slide-left-right" ng-controller="authRoute.controller"> 
<ion-nav-view></ion-nav-view>

然后要创建国家/子状态来填充视图：

$stateProvider 
      .state('authenticate', { 
       url: '/authenticate', 
       templateUrl: 'templates/authentication.html' 
      }) 
      .state('loginIos', { 
       url: '/loginIos', 
       templateUrl: 'templates/loginIos.html', 
       controller: 'loginIos.controller', 
      }) 
      .state('home', { 
       url: '/home', 
       templateUrl: 'templates/home.html', 
       controller: 'home.controller', 
      }).state('home.home1', { 
     url: "/home", 
     views: { 
     'menuContent' :{ 
      templateUrl: "home.html" 
     } 
     } 
    })

模板文件里面，你将有一个离子视图中，带有侧面菜单，如果你想填充侧面菜单，你可以创建一个子状态状态提供程序中的子状态，然后在侧面菜单中放置一个ion-nav-view。

<ion-view> 
    <ion-side-menus> 
    <!-- Center content --> 
    <ion-side-menu-content ng-controller="ContentController">

<!-- Left menu --> 
    <ion-side-menu side="left"> 
    </ion-side-menu> 

    <!-- Right menu --> 
    <ion-side-menu side="right"> 
    </ion-side-menu> 

    <ion-side-menu-content> 
    <!-- Main content, usually <ion-nav-view> --> 
    </ion-side-menu-content> 
</ion-side-menus> 

</ion-view>

那么当你浏览到一个孩子的状态，如home.home1为home.home1将填补menucontent离子导航视图，其包括在家乡模板模板。

见这个例子：http://codepen.io/mhartington/pen/Bicmo/

来源

2015-06-26 14:07:51

离子框架网页过渡

回答

相关问题