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

feature(angular): action-sheet, alert, loading, toast

Browse Source
This commit is contained in:
Dan Bucholtz
2017-12-06 11:48:24 -06:00
committed by GitHub
parent c76b74029a
commit cefbee9ea2
29 changed files with 1302 additions and 3537 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
packages/angular/src/directives/ion-nav.ts
View File

@ -1,110 +0,0 @@
import {
AfterViewInit,
ChangeDetectorRef,
Component,
ComponentFactoryResolver,
Directive,
ElementRef,
Injector,
InjectionToken,
NgZone,
OnInit,
ReflectiveInjector,
ViewContainerRef,
ViewChild
} from '@angular/core';
import { PublicNav, PublicViewController } from '@ionic/core';
import { App } from '../providers/app';
import { NavController as InjectableNavController } from '../providers/nav-controller';
@Component({
selector: 'ion-nav',
template: `
<div #viewport class="ng-nav-viewport"></div>
`
})
export class IonNavDelegate {
@ViewChild('viewport', { read: ViewContainerRef}) viewport: ViewContainerRef;
constructor(private crf: ComponentFactoryResolver, private changeDetection: ChangeDetectorRef, private zone: NgZone, private injector: Injector) {
}
ngOnInit() {
const controllerElement = document.querySelector('ion-nav-controller') as any;
controllerElement.delegate = this;
}
attachViewToDom(nav: PublicNav, enteringView: PublicViewController): Promise<any> {
return new Promise((resolve, reject) => {
this.zone.run(() => {
const componentProviders = ReflectiveInjector.resolve([
{
provide: NavControllerToken, useValue: nav.element,
},
{
provide: InjectableNavController, useFactory: provideNavControllerInjectable, deps: [NavControllerToken]
},
{
provide: AppToken, useValue: null,
},
{
provide: App, useFactory: provideAppInjectable, deps: [AppToken]
}
]);
const componentFactory = this.crf.resolveComponentFactory(enteringView.component);
const childInjector = ReflectiveInjector.fromResolvedProviders(componentProviders, this.viewport.parentInjector);
const componentRef = componentFactory.create(childInjector, []);
this.viewport.insert(componentRef.hostView, this.viewport.length);
this.changeDetection.detectChanges();
(enteringView as any).componentFactory = componentFactory;
(enteringView as any).childInjector = childInjector;
(enteringView as any).componentRef = componentRef;
enteringView.instance = componentRef.instance;
(enteringView as any).angularHostElement = componentRef.location.nativeElement;
enteringView.element = componentRef.location.nativeElement.querySelector('ion-page');
resolve();
});
});
}
removeViewFromDom(nav: PublicNav, viewController: PublicViewController) {
return new Promise((resolve, reject) => {
this.zone.run(() => {
(viewController as any).componentRef.destroy();
// (nav.element as HTMLElement).removeChild(viewController.angularHostElement);
(viewController as any).componentFactory = null;
(viewController as any).childInjector = null;
(viewController as any).componentRef = null;
viewController.instance = null;
(viewController as any).angularHostElement = null;
viewController.element = null;
resolve();
});
})
}
}
export const NavControllerToken = new InjectionToken<any>('NavControllerToken');
export const ViewControllerToken = new InjectionToken<any>('ViewControllerToken');
export const AppToken = new InjectionToken<any>('AppToken');
export function provideNavControllerInjectable(element: any) {
return new InjectableNavController(element);
}
export function provideAppInjectable() {
return new App();
}