ionic 1 - 从侧边菜单中选择的选项未显示在其父视图中答案

【问题标题】：ionic 1 - selected option from sidemenu not displaying in its parent viewionic 1 - 从侧边菜单中选择的选项未显示在其父视图中
【发布时间】：2016-05-24 18:10:52
【问题描述】：

1) 主页是 index.html
2) 默认情况下，使用路由器配置我重定向到登录页面 - template/login.html
3）从登录页面，如果登录成功，我将重定向到带有侧边菜单的主页 - template/landing.html
4) 在主页中，当我单击汉堡包图标时，我会看到带有选项的侧边菜单
5) 但是当我点击侧边菜单中的一个选项时，例如 "updateProfile" template/updateProfile.html ，我无法在主页中看到相应的 updateProfile 页面

我尝试在配置中进行更改，但我没有取得任何进展。请帮帮我。

下面是我的代码。

index.html

<body ng-app="myapp">
    <ion-nav-view></ion-nav-view>
</body>

模板/login.html

<ion-view view-title="Sign in">
    <ion-nav-bar class="bar-stable">
      </ion-nav-bar>
    <ion-content>
         <input type="text" placeholder="@handle" ng-model="userName" />
         <button class="button button-block button-positive" ng-click="signIn()">Sign in</button>
    </ion-content>
</ion-view>

app.js

 app.controller('LoginController',function($scope,$state){
            $state.go('landing');
        };
      });

app.config(function($stateProvider,$urlRouterProvider){

    $stateProvider.state('login',{
      url : '/',
      templateUrl : 'template/login.html',
      controller : 'LoginController',
      cache : false
    });

    $stateProvider.state('landing',{
      url : '/landing',
      templateUrl : 'template/landing.html',
      controller : 'LandingController'
    }).state('landing.updateProfile', {
            url: "/updateProfile",
            views: {
                'menuContent' : {
                    templateUrl: "template/updateProfile.html"
                }
            }
        });


    $urlRouterProvider.otherwise('/');
  });

template/landing.html

<ion-view view-title="Landing">
    <ion-nav-bar class="bar-stable">
    </ion-nav-bar>
    <ion-side-menus>
            <ion-side-menu-content>
                <ion-nav-bar class="bar-stable">
                    <ion-nav-buttons side="left">
                        <button menu-toggle="left" class="button button-icon button-clear ion-navicon"></button>
                    </ion-nav-buttons>
                    <ion-nav-back-button></ion-nav-back-button>
                </ion-nav-bar>
                <ion-nav-view name="menuContent"></ion-nav-view>
            </ion-side-menu-content>
            <ion-side-menu side="left">
                <ion-header-bar class="bar-stable"><h4>Do your thing</h4></ion-header-bar>
                <ion-content>
                    <ion-list>
                        <ion-item menu-close href="#/updateProfile">Update Profile</ion-item>
                        <ion-item menu-close href="#/yourDishes">Your Events</ion-item>
                    </ion-list>
                </ion-content>    
            </ion-side-menu>            
        </ion-side-menus>
</ion-view>

模板/updateProfile.html

<ion-view view-title="Update Profile">
    <ion-content>
        update profile
    </ion-content>
</ion-view>

【问题讨论】：

标签： angularjs ionic-framework

【解决方案1】：

我已经解决了这个问题。
template/landing.html中的href应该是以下格式，只有这样它才会匹配配置函数中提到的相应url。

 <ion-item menu-close href="#/landing/updateProfile">Update Profile</ion-item>
 <ion-item menu-close href="#/landing/yourDishes">Your Events</ion-item>

【讨论】：