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

refactor(bootstrap): use ionicBootstrap() to bootstrap

Browse Source 
BREAKING CHANGES:

- Ionic's custom decorators have been removed.
- `@App` and `@Page` should be replaced with `@Component`.
- `IonicApp` has been renamed to `App`.
- `ionicBootstrap` is required to bootstrap the app.
- Config is now the 3rd parameter in `ionicBootstrap(rootComponent,
providers, config)`.
- Property `prodMode` is now a config option, enabling or disabling
production mode.
This commit is contained in:
Adam Bradley
2016-05-31 15:42:06 -05:00
parent 4b4092b25e
commit 73635f3939
19 changed files with 210 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/modal/modal.ts
View File

@ -1,11 +1,12 @@
import {Component, ComponentRef, DynamicComponentLoader, ElementRef, ViewChild, ViewContainerRef} from '@angular/core';
import {Component, ComponentRef, DynamicComponentLoader, ViewChild, ViewContainerRef} from '@angular/core';
import {windowDimensions} from '../../util/dom';
import {pascalCaseToDashCase} from '../../util/util';
import {NavParams} from '../nav/nav-params';
import {ViewController} from '../nav/view-controller';
import {addSelector} from '../../config/bootstrap';
import {Animation} from '../../animations/animation';
import {NavParams} from '../nav/nav-params';
import {pascalCaseToDashCase} from '../../util/util';
import {Transition, TransitionOptions} from '../../transitions/transition';
import {ViewController} from '../nav/view-controller';
import {windowDimensions} from '../../util/dom';
/**
* @name Modal
@ -35,7 +36,7 @@ import {Transition, TransitionOptions} from '../../transitions/transition';
* ```ts
* import {Page, Modal, NavController, NavParams} from 'ionic-angular';
*
* @Page(...)
* @Component(...)
* class HomePage {
*
* constructor(nav: NavController) {
@ -49,7 +50,7 @@ import {Transition, TransitionOptions} from '../../transitions/transition';
*
* }
*
* @Page(...)
* @Component(...)
* class Profile {
*
* constructor(params: NavParams) {
@ -65,9 +66,10 @@ import {Transition, TransitionOptions} from '../../transitions/transition';
* modal.
*
* ```ts
* import {Page, Modal, NavController, ViewController} from 'ionic-angular';
* import {Component} from '@angular/core';
* import {Modal, NavController, ViewController} from 'ionic-angular';
*
* @Page(...)
* @Component(...)
* class HomePage {
*
* constructor(nav: NavController) {
@ -89,7 +91,7 @@ import {Transition, TransitionOptions} from '../../transitions/transition';
*
* }
*
* @Page(...)
* @Component(...)
* class Profile {
*
* constructor(viewCtrl: ViewController) {
@ -140,7 +142,7 @@ export class Modal extends ViewController {
let originalNgAfterViewInit = this.instance.ngAfterViewInit;
this.instance.ngAfterViewInit = () => {
if ( originalNgAfterViewInit ) {
if (originalNgAfterViewInit) {
originalNgAfterViewInit();
}
this.instance.loadComponent().then( (componentRef: ComponentRef<any>) => {
@ -163,11 +165,13 @@ export class ModalCmp {
@ViewChild('viewport', {read: ViewContainerRef}) viewport: ViewContainerRef;
constructor(protected _eleRef: ElementRef, protected _loader: DynamicComponentLoader, protected _navParams: NavParams, protected _viewCtrl: ViewController) {
}
constructor(protected _loader: DynamicComponentLoader, protected _navParams: NavParams) {}
loadComponent(): Promise<ComponentRef<any>> {
return this._loader.loadNextToLocation(this._navParams.data.componentType, this.viewport).then(componentRef => {
let componentType = this._navParams.data.componentType;
addSelector(componentType, 'ion-page');
return this._loader.loadNextToLocation(componentType, this.viewport).then(componentRef => {
return componentRef;
});
}