Ionic(ionicframework)一款接近原生的Html5移动App开发框架 创建精彩的应用 从这里开始 -ion-side-menus
漂亮的界面 追求性能 专注原生 免费开源
-
ionic/ionic3
JavaScript 扩展 - Headers/Footers(页眉页脚) 1
- Content(内容) 2
- Scroll(滚动) 3
- Tabs(选项卡) 4
- Side Menus(侧栏菜单) 5
- Navigation(导航) 6
- Lists(列表) 7
- Form Inputs(表单) 8
- Slide Box(滑动框) 9
- Modal(模型) 10
- Action Sheet(操作表) 11
- Popup(弹出窗口) 12
- Loading(加载) 13
- Platform(平台) 14
- Gesture(手势) 15
- Backdrop(背景) 16
- Utility(工具) 17
- Keyboard(键盘) 18
ion-side-menus
授权: $ionicSideMenuDelegate
一个容器元素的侧边菜单和主要内容。通过把主要内容区域从一边拖动到另一边,来让左侧或右侧的侧栏菜单进行切换。
要了解更多侧栏菜单的信息,查看文档中的
ionSideMenuContent
和ionSideMenu
。
用法
要使用侧栏菜单,添加一个父元素<ion-side-menus>
,一个中间内容 <ion-side-menu-content>
,和一个或更多 <ion-side-menu>
指令。
<ion-side-menus>
<!-- 中间内容 -->
<ion-side-menu-content ng-controller="ContentController">
</ion-side-menu-content>
<!-- 左侧菜单 -->
<ion-side-menu side="left">
</ion-side-menu>
<!-- 右侧菜单 -->
<ion-side-menu side="right">
</ion-side-menu>
</ion-side-menus>
function ContentController($scope, $ionicSideMenuDelegate) {
$scope.toggleLeft = function() {
$ionicSideMenuDelegate.toggleLeft();
};
}
API
属性 | 类型 | 详情 |
---|---|---|
delegate-handle
(可选)
|
字符串
|
该句柄用来标识带有 |