我有一个应用程序,在根目录下不需要任何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
了解问题?在我的实际应用程序中,这提供了非常有组织的用户体验,因此我想继续追求而不是改变布局以适应。
感谢您的帮助。