javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

sidemenu

Browse Source
This commit is contained in:
Andrew
2015-03-19 12:31:30 -05:00
parent ecd1ca168a
commit d207b8b549
14 changed files with 417 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
playground/basic-example/main.html
View File

@@ -1,6 +1,17 @@
<ion-tabbar view-title="My Tabs"></ion-tabbar>
<ion-tabbar view-title="Tabs 2"></ion-tabbar>
<ion-tabbar view-title="Tabs 4"></ion-tabbar>
<ion-side-menu-parent>
<ion-side-menu side="left">
Hello ...
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
Side menu!
</ion-side-menu>
<div class="content">
<ion-tabbar view-title="My Tabs"></ion-tabbar>
<ion-tabbar view-title="Tabs 2"></ion-tabbar>
<ion-tabbar view-title="Tabs 4"></ion-tabbar>
<button (click)="showModal()">Show Modal</button>
@@ -11,3 +22,11 @@
<h2>I'm a modal!</h2>
</ion-modal>
-->
<button (click)="showModal()">Show Modal</button>
<!--
<ion-modal>
<h2>I'm a modal!</h2>
</ion-modal>
-->
</div>
</ion-side-menu-content>

6
playground/basic-example/main.js
View File

@@ -1,16 +1,16 @@
import {bootstrap} from 'angular2/core';
import {Component, Template} from 'angular2/angular2';
import {Tabbar} from 'ionic/components/tabbar/tabbar';
import {Modal} from 'ionic/components/modal/modal';
import {SideMenu, SideMenuParent} from 'ionic/components/sidemenu/sidemenu';
import {Switch} from 'ionic/components/switch/switch';
import {SideMenu, SideMenuParent} from 'ionic/components';
import 'ionic/components/tabbar/mixins/android/android-tabbar';
// import 'ionic/components/tabbar/mixins/android/android-tabbar';
@Component({ selector: '[playground-main]' })
@Template({
url: 'main.html',
directives: [Tabbar, Modal, SideMenu, SideMenuParent, Switch]
directives: [SideMenu, SideMenuParent]
})
class PlaygroundMain {
constructor() {