본문 바로가기

Web/Ionic

[Ionic] sidemenu 앱에서 페이지 추가하기

pages > action-sheet 추가




action-sheet.html


<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Action Sheet Page</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
    Hello Ionic!
</ion-content>



action-sheet.ts


import { NavController } from 'ionic-angular';

@Component({
    templateUrl: 'action-sheet.html'
})
export class ActionSheetPage {
    constructor(public navCtrl: NavController) {
    
    }

}


app.component.ts


import { ActionSheetPage } from '../pages/action-sheet/action-sheet';

constructor(public platform: Platform, public statusBar: StatusBar, public splashScreen: SplashScreen) {
    this.initializeApp();

    // used for an example of ngFor and navigation
    this.pages = [
      { title: 'Action Sheet', component: ActionSheetPage },
      { title: 'Page One', component: Page1 },
      { title: 'Page Two', component: Page2 }
    ];
  }




'Web > Ionic' 카테고리의 다른 글

[Ionic] Components Alerts  (0) 2017.03.27
[Ionic] Components Action Sheets  (0) 2017.03.23
[Ionic] 프로젝트 만들기  (0) 2017.03.22
[Ionic] 앱 개발을 위한 준비  (0) 2017.03.17
[Ionic] Ionic 2 framework란?  (0) 2017.03.17