<ion-side-menus>在iPhone上的<ion-view>内无法正常工作

时间:2016-02-22 00:36:00

标签: angularjs ionic-framework

我有一个应用程序,在根目录下不需要任何ion-side-menus。但是,有一个视图确实需要ion-side-menu

例如,去一家餐馆。您可以在主视图(菜单,联系人,地图)上列出一系列选项,但是当您单击menu时,您将转到列出早餐,午餐和晚餐选项的视图。您可以在用户点击breakfast并选择所有选项时滑出菜单,而不是将用户转到新视图。

我能够很好地实现这一点,使用Android作为我的开发目标。但是,当切换到iPhone时,视图完全停止渲染!

以下ion-view我使用:

<ion-view view-title="Menu">
    <ion-content>
        <ion-side-menus enable-menu-with-back-views="false">
        <ion-side-menu-content>
            <ion-list>
                <ion-item ng-repeat="meal in vm.meals" ng-click="vm.onMealClick(meal.name)">
                    {{meal.name}}
                </ion-item>
            </ion-list>
        </ion-side-menu-content>
        <ion-side-menu side="right">
            <div class="item item-button-left">
                {{vm.selectedMeal}}
                <button class="button button-clear button-small" menu-close>
                    <i class="icon ion-close"></i>
                </button>
            </div>
            <ion-list>
                <ion-item>Eggs</ion-item>
                <ion-item>Cereal</ion-item>
            </ion-list>
        </ion-side-menu>
    </ion-side-menus>   
</ion-content>

这是菜单切换绑定:

var vm = this;
vm.onMealClick = onMealClick;

    function onMealClick(meal) {
        vm.selectedMeal = meal;
        $ionicSideMenuDelegate.toggleRight();
    };

是否有人在ion-side-menus内使用ion-view了解问题?在我的实际应用程序中,这提供了非常有组织的用户体验,因此我想继续追求而不是改变布局以适应。

感谢您的帮助。

0 个答案:

没有答案