@@ -87,16 +87,16 @@ class E2EPage {
duration: 1000
});
- this.nav.present(loading);
+ loading.present();
}
presentLoadingText() {
- let loading = Loading.create({
+ let loading = this.loadingCtrl.create({
spinner: 'hide',
content: 'Loading Please Wait...'
});
- this.nav.present(loading);
+ loading.present();
setTimeout(() => {
this.nav.push(Page2);
@@ -112,29 +112,29 @@ class E2EPage {
}
presentLoadingMultiple() {
- let loading = Loading.create({
+ let loading = this.loadingCtrl.create({
spinner: 'hide',
content: 'Loading 1 Please Wait...'
});
- this.nav.present(loading);
+ loading.present();
- let loading2 = Loading.create({
+ let loading2 = this.loadingCtrl.create({
spinner: 'hide',
content: 'Loading 2 Please Wait...'
});
setTimeout(() => {
- this.nav.present(loading2);
+ loading2.present();
}, 1000);
- let loading3 = Loading.create({
+ let loading3 = this.loadingCtrl.create({
spinner: 'hide',
content: 'Loading 3 Please Wait...'
});
setTimeout(() => {
- this.nav.present(loading3);
+ loading3.present();
setTimeout(() => {
loading3.dismiss();
@@ -152,32 +152,32 @@ class E2EPage {
}
presentLoadingMultipleNav() {
- let loading = Loading.create({
+ let loading = this.loadingCtrl.create({
spinner: 'hide',
content: 'Loading 1 Please Wait...',
dismissOnPageChange: true
});
- this.nav.present(loading);
+ loading.present();
- let loading2 = Loading.create({
+ let loading2 = this.loadingCtrl.create({
spinner: 'hide',
content: 'Loading 2 Please Wait...',
dismissOnPageChange: true
});
setTimeout(() => {
- this.nav.present(loading2);
+ loading2.present();
}, 500);
- let loading3 = Loading.create({
+ let loading3 = this.loadingCtrl.create({
spinner: 'hide',
content: 'Loading 3 Please Wait...',
dismissOnPageChange: true
});
setTimeout(() => {
- this.nav.present(loading3);
+ loading3.present();
setTimeout(() => {
this.nav.push(Page2);
@@ -207,7 +207,7 @@ class E2EPage {
`
})
class Page2 {
- constructor(private nav: NavController, private platform: Platform) {}
+ constructor(private nav: NavController) {}
ionViewLoaded() {
setTimeout(() => {
@@ -230,17 +230,17 @@ class Page2 {
Some content
`
})
-class Page3 {
- constructor(private nav: NavController, private platform: Platform) {}
-}
+class Page3 {}
@Component({
- template: '
'
+ template: `
+
+
+ `,
+ encapsulation: ViewEncapsulation.None
})
class E2EApp {
root = E2EPage;
}
ionicBootstrap(E2EApp);
-
-document.body.innerHTML += '
'
diff --git a/src/components/loading/test/tabs/index.ts b/src/components/loading/test/tabs/index.ts
index 208ebf8543..a719735aa1 100644
--- a/src/components/loading/test/tabs/index.ts
+++ b/src/components/loading/test/tabs/index.ts
@@ -1,29 +1,29 @@
-import {Component} from '@angular/core';
-import {ionicBootstrap, ActionSheet, Loading, NavController, ViewController, Platform} from '../../../../../src';
+import { Component} from '@angular/core';
+import { ionicBootstrap, LoadingController, NavController } from '../../../../../src';
@Component({
templateUrl: 'main.html'
})
class E2EPage {
- constructor(private nav: NavController, private platform: Platform) {}
+ constructor(private loadingCtrl: LoadingController, private nav: NavController) {}
presentLoading() {
- let loading = Loading.create({
+ let loading = this.loadingCtrl.create({
spinner: 'hide',
content: 'Loading...',
duration: 1000
});
- this.nav.present(loading);
+ loading.present();
}
presentLoadingNav() {
- let loading = Loading.create({
+ let loading = this.loadingCtrl.create({
content: 'Please wait...',
});
- this.nav.present(loading);
+ loading.present();
setTimeout(() => {
this.nav.push(Page2);
@@ -46,9 +46,7 @@ class E2EPage {
Some content
`
})
-class Page2 {
- constructor(private nav: NavController, private platform: Platform) {}
-}
+class Page2 {}
@Component({
template: `
@@ -63,10 +61,6 @@ export class TabsPage {
private root1 = E2EPage;
private root2 = Page2;
private root3 = E2EPage;
-
- constructor() {
-
- }
}
@Component({
diff --git a/src/components/menu/test/basic/index.ts b/src/components/menu/test/basic/index.ts
index b31093b799..f54f20fb58 100644
--- a/src/components/menu/test/basic/index.ts
+++ b/src/components/menu/test/basic/index.ts
@@ -1,21 +1,21 @@
-import {Component, ViewChild} from '@angular/core';
-import {ionicBootstrap, MenuController, NavController, Alert, Nav} from '../../../../../src';
+import { Component, ViewChild } from '@angular/core';
+import { ionicBootstrap, MenuController, NavController, AlertController, Nav } from '../../../../../src';
@Component({
templateUrl: 'page1.html'
})
class Page1 {
- constructor(private nav: NavController) {}
+ constructor(private nav: NavController, private alertCtrl: AlertController) {}
presentAlert() {
- let alert = Alert.create({
+ let alert = this.alertCtrl.create({
title: 'New Friend!',
message: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
cssClass: 'my-alert',
buttons: ['Ok']
});
- this.nav.present(alert);
+ alert.present();
}
goToPage2() {
diff --git a/src/components/menu/test/overlay/index.ts b/src/components/menu/test/overlay/index.ts
index 6b7dc2bf82..3f1b90d55c 100644
--- a/src/components/menu/test/overlay/index.ts
+++ b/src/components/menu/test/overlay/index.ts
@@ -1,5 +1,5 @@
-import {Component, ViewChild} from '@angular/core';
-import {ionicBootstrap, Nav, Alert} from '../../../../../src';
+import { Component, ViewChild } from '@angular/core';
+import { ionicBootstrap, Nav, AlertController } from '../../../../../src';
@Component({templateUrl: 'page1.html'})
@@ -14,6 +14,8 @@ class E2EApp {
rootView = Page1;
+ constructor(private alertCtrl: AlertController) { }
+
openPage(menu: any, page: any) {
// close the menu when clicking a link from the menu
menu.close();
@@ -24,11 +26,11 @@ class E2EApp {
}
showAlert() {
- let alert = Alert.create({
+ let alert = this.alertCtrl.create({
title: 'Alert example',
buttons: ['Ok']
});
- this.nav.present(alert);
+ alert.present();
}
}
diff --git a/src/components/menu/test/push/index.ts b/src/components/menu/test/push/index.ts
index 6b7dc2bf82..3f1b90d55c 100644
--- a/src/components/menu/test/push/index.ts
+++ b/src/components/menu/test/push/index.ts
@@ -1,5 +1,5 @@
-import {Component, ViewChild} from '@angular/core';
-import {ionicBootstrap, Nav, Alert} from '../../../../../src';
+import { Component, ViewChild } from '@angular/core';
+import { ionicBootstrap, Nav, AlertController } from '../../../../../src';
@Component({templateUrl: 'page1.html'})
@@ -14,6 +14,8 @@ class E2EApp {
rootView = Page1;
+ constructor(private alertCtrl: AlertController) { }
+
openPage(menu: any, page: any) {
// close the menu when clicking a link from the menu
menu.close();
@@ -24,11 +26,11 @@ class E2EApp {
}
showAlert() {
- let alert = Alert.create({
+ let alert = this.alertCtrl.create({
title: 'Alert example',
buttons: ['Ok']
});
- this.nav.present(alert);
+ alert.present();
}
}
diff --git a/src/components/modal/test/basic/index.ts b/src/components/modal/test/basic/index.ts
index 1c98e0f925..76d8cd5a34 100644
--- a/src/components/modal/test/basic/index.ts
+++ b/src/components/modal/test/basic/index.ts
@@ -1,6 +1,6 @@
import { Component } from '@angular/core';
-import { ActionSheet, Config, ionicBootstrap, Modal, NavController, NavParams, PageTransition, Platform, TransitionOptions, ViewController } from '../../../../../src';
+import { ActionSheetController, Config, ionicBootstrap, ModalController, NavController, NavParams, PageTransition, Platform, TransitionOptions, ViewController } from '../../../../../src';
@Component({
templateUrl: 'main.html'
@@ -8,7 +8,7 @@ import { ActionSheet, Config, ionicBootstrap, Modal, NavController, NavParams, P
class E2EPage {
platforms: string[];
- constructor(private nav: NavController, config: Config, platform: Platform) {
+ constructor(private nav: NavController, private modalCtrl: ModalController, config: Config, platform: Platform) {
console.log('platforms', platform.platforms());
console.log('mode', config.get('mode'));
@@ -33,8 +33,8 @@ class E2EPage {
}
presentModal() {
- let modal = Modal.create(ModalPassData, { userId: 8675309 });
- this.nav.present(modal);
+ let modal = this.modalCtrl.create(ModalPassData, { userId: 8675309 });
+ modal.present();
modal.onDismiss((data: any) => {
console.log('modal data', data);
@@ -42,13 +42,12 @@ class E2EPage {
}
presentModalChildNav() {
- let modal = Modal.create(ContactUs);
- this.nav.present(modal);
+ this.modalCtrl.create(ContactUs).present();
}
presentToolbarModal() {
- let modal = Modal.create(ToolbarModal);
- this.nav.present(modal);
+ let modal = this.modalCtrl.create(ToolbarModal);
+ modal.present();
modal.subscribe((data: any) => {
console.log('modal data', data);
@@ -56,23 +55,22 @@ class E2EPage {
}
presentModalWithInputs() {
- let modal = Modal.create(ModalWithInputs);
+ let modal = this.modalCtrl.create(ModalWithInputs);
modal.onDismiss((data: any) => {
console.log('Modal with inputs data:', data);
});
- this.nav.present(modal);
+ modal.present();
}
presentModalCustomAnimation() {
- let modal = Modal.create(ContactUs);
- this.nav.present(modal, {
+ let modal = this.modalCtrl.create(ContactUs);
+ modal.present({
animation: 'my-fade-in'
});
}
presentNavigableModal(){
- let modal = Modal.create(NavigableModal);
- this.nav.present(modal);
+ this.modalCtrl.create(NavigableModal).present();
}
}
@@ -346,7 +344,7 @@ class ContactUs {
class ModalFirstPage {
private items:any[];
- constructor(private nav: NavController) {
+ constructor(private nav: NavController, private actionSheetCtrl: ActionSheetController) {
this.items = [];
for ( let i = 0; i < 50; i++ ){
this.items.push({
@@ -379,7 +377,7 @@ class ModalFirstPage {
}
openActionSheet() {
- let actionSheet = ActionSheet.create({
+ let actionSheet = this.actionSheetCtrl.create({
buttons: [
{
text: 'Destructive',
@@ -421,7 +419,7 @@ class ModalFirstPage {
]
});
- this.nav.present(actionSheet);
+ actionSheet.present();
}
}
diff --git a/src/components/modal/test/modal.spec.ts b/src/components/modal/test/modal.spec.ts
index 320cb57f61..4d36c1c5ff 100644
--- a/src/components/modal/test/modal.spec.ts
+++ b/src/components/modal/test/modal.spec.ts
@@ -1,6 +1,6 @@
-import {Component} from '@angular/core';
-import {Modal, NavController, ViewController} from '../../../../src';
-import {ModalCmp} from '../../../../src/components/modal/modal';
+import { Component } from '@angular/core';
+import { ModalController, ViewController } from '../../../../src';
+import { ModalCmp } from '../../../../src/components/modal/modal-component';
export function run() {
describe('Modal', () => {
@@ -8,7 +8,8 @@ export function run() {
describe('create', () => {
it('should have the correct properties on modal view controller instance', () => {
- let modalViewController = Modal.create(ComponentToPresent);
+ let modalCtrl = new ModalController(null);
+ let modalViewController = modalCtrl.create(ComponentToPresent);
expect(modalViewController.componentType).toEqual(ModalCmp);
expect(modalViewController.isOverlay).toEqual(true);
expect(modalViewController instanceof ViewController).toEqual(true);
@@ -19,25 +20,7 @@ export function run() {
}
-const STATE_ACTIVE = 'active';
-const STATE_INACTIVE = 'inactive';
-const STATE_INIT_ENTER = 'init_enter';
-const STATE_INIT_LEAVE = 'init_leave';
-const STATE_TRANS_ENTER = 'trans_enter';
-const STATE_TRANS_LEAVE = 'trans_leave';
-const STATE_REMOVE = 'remove';
-const STATE_REMOVE_AFTER_TRANS = 'remove_after_trans';
-const STATE_FORCE_ACTIVE = 'force_active';
-
-
-let componentToPresentSpy = {
- _ionicProjectContent: () => {},
-};
-
@Component({
template: `
`
})
-class ComponentToPresent{
- constructor(){
- }
-}
+class ComponentToPresent{}
diff --git a/src/components/nav/test/basic/index.ts b/src/components/nav/test/basic/index.ts
index f40f6ca667..0fbe4bb4f8 100644
--- a/src/components/nav/test/basic/index.ts
+++ b/src/components/nav/test/basic/index.ts
@@ -1,7 +1,7 @@
-import {Component, Type, ViewChild} from '@angular/core';
-import {App, NavController, Alert, Content} from '../../../../../src';
-import {ionicBootstrap, Config} from '../../../../../src';
-import {NavParams, ViewController} from '../../../../../src';;
+import { Component, ViewChild } from '@angular/core';
+import { NavController, AlertController, Content } from '../../../../../src';
+import { ionicBootstrap } from '../../../../../src';
+import { NavParams, ViewController } from '../../../../../src';;
@Component({
@@ -148,6 +148,7 @@ class FirstPage {
class FullPage {
constructor(
private nav: NavController,
+ private alertCtrl: AlertController,
private params: NavParams
) {}
@@ -173,7 +174,7 @@ class FullPage {
}
presentAlert() {
- let alert = Alert.create();
+ let alert = this.alertCtrl.create();
alert.setTitle('Hello Alert');
alert.setMessage('Dismiss this alert, then pop one page');
alert.addButton({
@@ -194,7 +195,7 @@ class FullPage {
return false;
}
});
- this.nav.present(alert);
+ alert.present();
}
}
@@ -242,6 +243,7 @@ class FullPage {
class PrimaryHeaderPage {
constructor(
private nav: NavController,
+ private alertCtrl: AlertController,
private viewCtrl: ViewController
) {}
@@ -270,10 +272,10 @@ class PrimaryHeaderPage {
}
presentAlert() {
- let alert = Alert.create();
+ let alert = this.alertCtrl.create();
alert.setTitle('Hello Alert');
alert.addButton({ text: 'Dismiss', role: 'cancel', });
- this.nav.present(alert);
+ alert.present();
}
}
diff --git a/src/components/picker/test/basic/index.ts b/src/components/picker/test/basic/index.ts
index 34eeca1027..6540081856 100644
--- a/src/components/picker/test/basic/index.ts
+++ b/src/components/picker/test/basic/index.ts
@@ -1,5 +1,5 @@
-import {Component, ViewEncapsulation} from '@angular/core';
-import {ionicBootstrap, Picker, NavController} from '../../../../../src';
+import { Component, ViewEncapsulation } from '@angular/core';
+import { ionicBootstrap, PickerController } from '../../../../../src';
@Component({
@@ -10,10 +10,10 @@ class E2EPage {
smoothie: string;
timer: string;
- constructor(private nav: NavController) {}
+ constructor(private pickerCtrl: PickerController) {}
twoColumns() {
- let picker = Picker.create({
+ let picker = this.pickerCtrl.create({
buttons: [
{
text: 'Cancel',
@@ -74,11 +74,11 @@ class E2EPage {
]
});
- this.nav.present(picker);
+ picker.present();
}
prefixLabel() {
- let picker = Picker.create({
+ let picker = this.pickerCtrl.create({
buttons: [
{
text: 'Nerp',
@@ -118,11 +118,11 @@ class E2EPage {
]
});
- this.nav.present(picker);
+ picker.present();
}
suffixLabel() {
- let picker = Picker.create({
+ let picker = this.pickerCtrl.create({
buttons: [
{
text: 'No',
@@ -162,11 +162,11 @@ class E2EPage {
]
});
- this.nav.present(picker);
+ picker.present();
}
columnSizes() {
- let picker = Picker.create();
+ let picker = this.pickerCtrl.create();
picker.addButton({
text: 'Cancel',
@@ -188,7 +188,7 @@ class E2EPage {
options: Array.apply(null, {length: 23}).map(Number.call, Number)
});
- let minuteOptions = [];
+ let minuteOptions: any[] = [];
for (var i = 0; i < 60; i++) {
minuteOptions.push({
@@ -205,7 +205,7 @@ class E2EPage {
options: minuteOptions
});
- this.nav.present(picker);
+ picker.present();
}
}
diff --git a/src/components/popover/test/basic/index.ts b/src/components/popover/test/basic/index.ts
index 5c444cb398..0c7f83c350 100644
--- a/src/components/popover/test/basic/index.ts
+++ b/src/components/popover/test/basic/index.ts
@@ -1,5 +1,5 @@
-import {Component, ViewChild, ElementRef, ViewEncapsulation} from '@angular/core';
-import {ionicBootstrap, Popover, NavController, Content, NavParams, ViewController} from '../../../../../src';
+import { Component, ViewChild, ElementRef, ViewEncapsulation } from '@angular/core';
+import { ionicBootstrap, PopoverController, NavParams, ViewController } from '../../../../../src';
@Component({
@@ -64,9 +64,9 @@ class PopoverRadioPage {
background: string;
contentEle: any;
textEle: any;
- fontFamily;
+ fontFamily: any;
- colors = {
+ colors: any = {
'white': {
'bg': 'rgb(255, 255, 255)',
'fg': 'rgb(0, 0, 0)'
@@ -85,9 +85,7 @@ class PopoverRadioPage {
},
};
- constructor(private navParams: NavParams) {
-
- }
+ constructor(private navParams: NavParams) {}
ngOnInit() {
if (this.navParams.data) {
@@ -99,7 +97,7 @@ class PopoverRadioPage {
}
}
- getColorName(background) {
+ getColorName(background: any) {
let colorName = 'white';
if (!background) return 'white';
@@ -119,13 +117,13 @@ class PopoverRadioPage {
}
}
- changeBackground(color) {
+ changeBackground(color: any) {
this.background = color;
this.contentEle.style.backgroundColor = this.colors[color].bg;
this.textEle.style.color = this.colors[color].fg;
}
- changeFontSize(direction) {
+ changeFontSize(direction: any) {
this.textEle.style.fontSize = direction;
}
@@ -166,9 +164,7 @@ class PopoverListPage {
`
})
class PopoverLongListPage {
- items = [];
-
- constructor(private viewCtrl: ViewController) {}
+ items: number[] = [];
ngOnInit() {
for(let i = 1; i < 21; i++) {
@@ -185,38 +181,35 @@ class E2EPage {
@ViewChild('popoverContent', {read: ElementRef}) content: ElementRef;
@ViewChild('popoverText', {read: ElementRef}) text: ElementRef;
- constructor(private nav: NavController) {
+ constructor(private popoverCtrl: PopoverController) {}
- }
-
- presentListPopover(ev) {
- let popover = Popover.create(PopoverListPage);
- this.nav.present(popover, {
+ presentListPopover(ev: UIEvent) {
+ let popover = this.popoverCtrl.create(PopoverListPage);
+ popover.present({
ev: ev
});
}
- presentLongListPopover(ev) {
- let popover = Popover.create(PopoverLongListPage);
- this.nav.present(popover, {
+ presentLongListPopover(ev: UIEvent) {
+ let popover = this.popoverCtrl.create(PopoverLongListPage);
+ popover.present({
ev: ev
});
}
- presentRadioPopover(ev) {
- let popover = Popover.create(PopoverRadioPage, {
+ presentRadioPopover(ev: UIEvent) {
+ let popover = this.popoverCtrl.create(PopoverRadioPage, {
contentEle: this.content.nativeElement,
textEle: this.text.nativeElement
});
- this.nav.present(popover, {
+ popover.present({
ev: ev
});
}
presentNoEventPopover() {
- let popover = Popover.create(PopoverListPage);
- this.nav.present(popover);
+ this.popoverCtrl.create(PopoverListPage).present();
}
}
diff --git a/src/components/tabs/test/advanced/index.ts b/src/components/tabs/test/advanced/index.ts
index 63b914aa6b..84a24078c8 100644
--- a/src/components/tabs/test/advanced/index.ts
+++ b/src/components/tabs/test/advanced/index.ts
@@ -1,6 +1,6 @@
-import {Component, ViewChild} from '@angular/core';
+import { Component, ViewChild } from '@angular/core';
-import {ionicBootstrap, NavController, NavParams, Modal, ViewController, Tabs, Tab} from '../../../../../src';
+import { ionicBootstrap, NavController, NavParams, ModalController, ViewController, Tabs, Tab } from '../../../../../src';
@Component({
@@ -42,7 +42,7 @@ class TabsPage {
tab3Root = Tab3Page1;
@ViewChild(Tabs) tabs: Tabs;
- constructor(private nav: NavController, private params: NavParams) {}
+ constructor(private modalCtrl: ModalController, private params: NavParams) {}
ngAfterViewInit() {
this.tabs.ionChange.subscribe((tab: Tab) => {
@@ -58,8 +58,7 @@ class TabsPage {
chat() {
console.log('Chat clicked!');
- let modal = Modal.create(ChatPage);
- this.nav.present(modal);
+ this.modalCtrl.create(ChatPage).present();
}
ionViewWillEnter() {
diff --git a/src/components/tabs/test/basic/index.ts b/src/components/tabs/test/basic/index.ts
index 4b19f5eb4b..51969334f3 100644
--- a/src/components/tabs/test/basic/index.ts
+++ b/src/components/tabs/test/basic/index.ts
@@ -1,5 +1,5 @@
import {Component} from '@angular/core';
-import {ionicBootstrap, NavController, App, Alert, Modal, ViewController, Tab, Tabs} from '../../../../../src';
+import {ionicBootstrap, NavController, App, AlertController, ModalController, ViewController, Tab, Tabs} from '../../../../../src';
//
// Modal
@@ -192,19 +192,18 @@ export class Tab2 {
`
})
export class Tab3 {
- constructor(private nav: NavController, private tabs: Tabs, private app: App) {}
+ constructor(private alertCtrl: AlertController, private modalCtrl: ModalController, private tabs: Tabs, private app: App) {}
presentAlert() {
- let alert = Alert.create({
+ let alert = this.alertCtrl.create({
title: 'Alert Title!',
buttons: ['Dismiss']
});
- this.nav.present(alert);
+ alert.present();
}
presentModal() {
- let modal = Modal.create(MyModal);
- this.nav.present(modal);
+ this.modalCtrl.create(MyModal).present();
}
selectPrevious() {
diff --git a/src/components/tabs/test/tabs.spec.ts b/src/components/tabs/test/tabs.spec.ts
index befc4c5885..025ed668fe 100644
--- a/src/components/tabs/test/tabs.spec.ts
+++ b/src/components/tabs/test/tabs.spec.ts
@@ -135,7 +135,7 @@ describe('Tabs', () => {
it('should get the tab', () => {
var tabs = mockTabs();
var tab0 = mockTab(tabs);
- tab0.setRoot()
+ tab0.setRoot(
{});
var tab1 = mockTab(tabs);
tabs.add(tab0);
tabs.add(tab1);
@@ -199,7 +199,7 @@ describe('Tabs', () => {
beforeEach(() => {
config = new Config();
platform = new Platform();
- app = new App(config, null, platform);
+ app = new App(config, platform);
_cd = {
reattach: function(){},
detach: function(){}
diff --git a/src/components/toast/test/basic/index.ts b/src/components/toast/test/basic/index.ts
index adef2dec77..5e575e0df9 100644
--- a/src/components/toast/test/basic/index.ts
+++ b/src/components/toast/test/basic/index.ts
@@ -1,5 +1,5 @@
-import {Component} from '@angular/core';
-import {ionicBootstrap, Toast, NavController} from '../../../../../src';
+import { Component } from '@angular/core';
+import { ionicBootstrap, Toast, ToastController, NavController } from '../../../../../src';
@Component({
@@ -22,10 +22,10 @@ class AnotherPage {}
})
class E2EPage {
- constructor(private nav: NavController) { }
+ constructor(private toastCtrl: ToastController, private nav: NavController) { }
showToast() {
- const toast = Toast.create({
+ const toast = this.toastCtrl.create({
message: 'User was created successfully'
});
@@ -33,7 +33,7 @@ class E2EPage {
console.log('Dismissed toast');
});
- this.nav.present(toast);
+ toast.present();
setTimeout(() => {
this.nav.push(AnotherPage);
@@ -45,38 +45,37 @@ class E2EPage {
}
showLongToast() {
- const toast = Toast.create({
+ const toast = this.toastCtrl.create({
message: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.',
duration: 5000
});
toast.onDismiss(this.dismissHandler);
- this.nav.present(toast);
+ toast.present();
}
showDismissDurationToast() {
- const toast = Toast.create({
+ const toast = this.toastCtrl.create({
message: 'I am dismissed after 1.5 seconds',
duration: 1500
});
toast.onDismiss(this.dismissHandler);
- this.nav.present(toast);
+ toast.present();
}
showToastWithCloseButton(positionString:string) {
- const toast = Toast.create({
+ const toast = this.toastCtrl.create({
message: 'Your internet connection appears to be offline. Data integrity is not gauranteed.',
showCloseButton: true,
closeButtonText: 'Ok',
position: positionString
});
toast.onDismiss(this.dismissHandler);
- this.nav.present(toast);
+ toast.present();
}
private dismissHandler(toast: Toast) {
console.info('Toast onDismiss()');
-
}
}