Html 单击左侧的“导航到状态”“删除”菜单

我有以下菜单模板 下面的

位于

模板/menu/menu.html

<ion-side-menus>
    <ion-side-menu-content>
        <ion-nav-bar class="bar-stable nav-title-slide-ios7">
            <ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
                </button>
            </ion-nav-buttons>        
        </ion-nav-bar>
        <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
    </ion-side-menu-content>    

    <ion-side-menu enable-menu-with-back-views="true" side="left">
        <ion-header-bar class="bar-assertive">
            <h1 class="title">Menu</h1>
        </ion-header-bar>
        <ion-content>
            <div ui-view="leftMenuContent"></div>
        </ion-content>
    </ion-side-menu>
</ion-side-menus>

---

有没有一种方法可以让我在执行ng单击时将菜单保留在左侧？

您可能弄乱了html中routes声明和ion视图的组合。显示您的路线我在帖子上做了编辑，请查看路线。您有menuContent和leftMenuContent，并且在每个状态下都要替换视图。例如，app.home.nutrition.plan将同时替换menucontent和leftMenuContent。顺便说一句，你在哪里加载你的实际内容？实际的主要内容被加载到menuContent中，也就是说，这就像一个保存信息的主页。leftMenuContent保存动态菜单链接，在加载状态（如Home等）时加载该链接。。链接。当特定状态加载时，它会通过menuContent@app以及通过leftMenuContent@app.ButmenuContent视图似乎位于菜单内。因此，您正在将内容加载到菜单（？）

<ion-view view-title="Nutrition">
    <ion-content class="padding">
     <button class="button button-full button-calm" ng-click="viewPlans()">Plans
     </button>
</ion-content>
</ion-view>

home.controller('NutritionController', function ($state) {

    $scope.viewPlans = function () {
      $state.go('app.home.nutrition.plan');
    };
});

<ion-view view-title="Nutrition">
    <ion-content class="padding">
       <a ui-sref="app.home.nutrition.plan" class="button button-full button-calm" menu-close>Plans</a>
    </ion-content>
</ion-view>

.state('app', {
            url: '',
            abstract: true,
            templateUrl: 'template/menu/menu.html',
            controller: 'MainCtrl as mainCtrl'
})
.state('app.home', {
    url: '/home',
    views: {
        'menuContent@app': {
            templateUrl: 'template/home.html',
            controller: "HomeController as homeCtrl"
        },
        'leftMenuContent@app': {
            templateUrl: 'template/menu/left/main.html',
            controller: "HomeController as homeCtrl"
        }
    }
})
.state('app.home.nutrition', {
    url: '/nutrition',
    views: {
        'menuContent@app': {
            templateUrl: 'template/nutrition.html',
            controller: "NutritionController as nutritionCtrl"
        },
        'leftMenuContent@app': {
            templateUrl: 'template/menu/left/nutritionMenu.html'
        }
    }
})
    .state('app.home.nutrition.plan', {
        url: '/plan',
        views: {
            'menuContent@app': {
                templateUrl: 'template/plan/plan.html',
                controller: "PlanController as planCtrl"
            },
            'leftMenuContent@app': {
                templateUrl: 'template/menu/left/planMenu.html'
            }
        }
    });