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 |