@ionic/angular
Advanced tools
Comparing version 0.0.2-12 to 0.0.2-13
@@ -13,3 +13,3 @@ import { ComponentFactoryResolver, Directive, ElementRef, Injector, } from '@angular/core'; | ||
const hostElement = document.createElement('div'); | ||
return this.angularComponentMounter.attachViewToDom(elementOrContainerToMountTo, hostElement, elementOrComponentToMount, this.componentResolveFactory, this.injector, classesToAdd); | ||
return this.angularComponentMounter.attachViewToDom(elementOrContainerToMountTo, hostElement, elementOrComponentToMount, this.componentResolveFactory, this.injector, _propsOrDataObj, classesToAdd); | ||
} | ||
@@ -16,0 +16,0 @@ removeViewFromDom(_parentElement, childElement) { |
import { InjectionToken } from '@angular/core'; | ||
import { App } from '../providers/app'; | ||
import { NavController } from '../providers/nav-controller'; | ||
import { NavParams } from '../providers/nav-params'; | ||
export declare const NavControllerToken: InjectionToken<any>; | ||
export declare const ViewControllerToken: InjectionToken<any>; | ||
export declare const AppToken: InjectionToken<any>; | ||
export declare function getProviders(element: HTMLElement): ({ | ||
provide: InjectionToken<any>; | ||
useValue: HTMLIonNavElement; | ||
} | { | ||
export declare const NavParamsToken: InjectionToken<any>; | ||
export declare function getProviders(element: HTMLElement, data: any): ({ | ||
provide: typeof NavController; | ||
@@ -15,7 +11,10 @@ useFactory: (element: HTMLIonNavElement) => NavController; | ||
} | { | ||
provide: typeof App; | ||
useFactory: () => App; | ||
provide: InjectionToken<any>; | ||
useValue: any; | ||
} | { | ||
provide: typeof NavParams; | ||
useFactory: (data: any) => NavParams; | ||
deps: InjectionToken<any>[]; | ||
})[]; | ||
export declare function provideNavControllerInjectable(element: HTMLIonNavElement): NavController; | ||
export declare function provideAppInjectable(): App; | ||
export declare function provideNavParamsInjectable(data: any): NavParams; |
import { InjectionToken } from '@angular/core'; | ||
import { App } from '../providers/app'; | ||
import { NavController } from '../providers/nav-controller'; | ||
import { NavParams } from '../providers/nav-params'; | ||
export const NavControllerToken = new InjectionToken('NavControllerToken'); | ||
export const ViewControllerToken = new InjectionToken('ViewControllerToken'); | ||
export const AppToken = new InjectionToken('AppToken'); | ||
export function getProviders(element) { | ||
export const NavParamsToken = new InjectionToken('NavParamsToken'); | ||
export function getProviders(element, data) { | ||
if (element.tagName !== 'ion-nav') { | ||
@@ -20,7 +19,7 @@ element.closest('ion-nav'); | ||
{ | ||
provide: AppToken, useValue: null, | ||
provide: NavControllerToken, useValue: data | ||
}, | ||
{ | ||
provide: App, useFactory: provideAppInjectable, deps: [AppToken] | ||
} | ||
provide: NavParams, useFactory: provideNavParamsInjectable, deps: [NavControllerToken] | ||
}, | ||
]; | ||
@@ -31,6 +30,5 @@ } | ||
} | ||
export function provideAppInjectable() { | ||
const element = document.querySelector('ion-app'); | ||
return new App(element); | ||
export function provideNavParamsInjectable(data) { | ||
return new NavParams(data); | ||
} | ||
//# sourceMappingURL=di.js.map |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":4,"metadata":{"NavControllerToken":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":6,"character":38},"arguments":["NavControllerToken"]},"ViewControllerToken":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":7,"character":39},"arguments":["ViewControllerToken"]},"AppToken":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":8,"character":28},"arguments":["AppToken"]},"getProviders":{"__symbolic":"function"},"provideNavControllerInjectable":{"__symbolic":"function","parameters":["element"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"../providers/nav-controller","name":"NavController","line":36,"character":13},"arguments":[{"__symbolic":"reference","name":"element"}]}},"provideAppInjectable":{"__symbolic":"function"}}}] | ||
[{"__symbolic":"module","version":4,"metadata":{"NavControllerToken":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":38},"arguments":["NavControllerToken"]},"NavParamsToken":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":6,"character":34},"arguments":["NavParamsToken"]},"getProviders":{"__symbolic":"function"},"provideNavControllerInjectable":{"__symbolic":"function","parameters":["element"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"../providers/nav-controller","name":"NavController","line":35,"character":13},"arguments":[{"__symbolic":"reference","name":"element"}]}},"provideNavParamsInjectable":{"__symbolic":"function","parameters":["data"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"../providers/nav-params","name":"NavParams","line":39,"character":13},"arguments":[{"__symbolic":"reference","name":"data"}]}}}}] |
@@ -10,3 +10,4 @@ export { IonicAngularModule } from './module'; | ||
export { NavController } from './providers/nav-controller'; | ||
export { NavParams } from './providers/nav-params'; | ||
export { PopoverController, PopoverProxy } from './providers/popover-controller'; | ||
export { ToastController, ToastProxy } from './providers/toast-controller'; |
@@ -12,4 +12,5 @@ export { IonicAngularModule } from './module'; | ||
export { NavController } from './providers/nav-controller'; | ||
export { NavParams } from './providers/nav-params'; | ||
export { PopoverController } from './providers/popover-controller'; | ||
export { ToastController } from './providers/toast-controller'; | ||
//# sourceMappingURL=index.js.map |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./module","export":["IonicAngularModule"]},{"from":"./components/ion-nav","export":["IonNavDelegate"]},{"from":"./providers/action-sheet-controller","export":["ActionSheetController","ActionSheetProxy"]},{"from":"./providers/alert-controller","export":["AlertController","AlertProxy"]},{"from":"./providers/app","export":["App"]},{"from":"./providers/events","export":["Events"]},{"from":"./providers/loading-controller","export":["LoadingController","LoadingProxy"]},{"from":"./providers/modal-controller","export":["ModalController","ModalProxy"]},{"from":"./providers/nav-controller","export":["NavController"]},{"from":"./providers/popover-controller","export":["PopoverController","PopoverProxy"]},{"from":"./providers/toast-controller","export":["ToastController","ToastProxy"]}]}] | ||
[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./module","export":["IonicAngularModule"]},{"from":"./components/ion-nav","export":["IonNavDelegate"]},{"from":"./providers/action-sheet-controller","export":["ActionSheetController","ActionSheetProxy"]},{"from":"./providers/alert-controller","export":["AlertController","AlertProxy"]},{"from":"./providers/app","export":["App"]},{"from":"./providers/events","export":["Events"]},{"from":"./providers/loading-controller","export":["LoadingController","LoadingProxy"]},{"from":"./providers/modal-controller","export":["ModalController","ModalProxy"]},{"from":"./providers/nav-controller","export":["NavController"]},{"from":"./providers/nav-params","export":["NavParams"]},{"from":"./providers/popover-controller","export":["PopoverController","PopoverProxy"]},{"from":"./providers/toast-controller","export":["ToastController","ToastProxy"]}]}] |
@@ -14,2 +14,3 @@ import { CommonModule } from '@angular/common'; | ||
import { AngularComponentMounter } from './providers/angular-component-mounter'; | ||
import { App } from './providers/app'; | ||
import { Events } from './providers/events'; | ||
@@ -28,2 +29,3 @@ import { LoadingController } from './providers/loading-controller'; | ||
AngularComponentMounter, | ||
App, | ||
Events, | ||
@@ -30,0 +32,0 @@ LoadingController, |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":4,"metadata":{"IonicAngularModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./control-value-accessors/boolean-value-accessor","name":"BooleanValueAccessor","line":29,"character":4},{"__symbolic":"reference","module":"./components/ion-nav","name":"IonNavDelegate","line":30,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/numeric-value-accesssor","name":"NumericValueAccessor","line":31,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/radio-value-accessor","name":"RadioValueAccessor","line":32,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/select-value-accessor","name":"SelectValueAccessor","line":33,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/text-value-accessor","name":"TextValueAccessor","line":34,"character":4}],"exports":[{"__symbolic":"reference","module":"./control-value-accessors/boolean-value-accessor","name":"BooleanValueAccessor","line":37,"character":4},{"__symbolic":"reference","module":"./components/ion-nav","name":"IonNavDelegate","line":38,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/numeric-value-accesssor","name":"NumericValueAccessor","line":39,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/radio-value-accessor","name":"RadioValueAccessor","line":40,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/select-value-accessor","name":"SelectValueAccessor","line":41,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/text-value-accessor","name":"TextValueAccessor","line":42,"character":4}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":45,"character":4}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":48,"character":4}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"IonicAngularModule"},"providers":[{"__symbolic":"reference","module":"./providers/alert-controller","name":"AlertController","line":56,"character":8},{"__symbolic":"reference","module":"./providers/action-sheet-controller","name":"ActionSheetController","line":57,"character":8},{"__symbolic":"reference","module":"./providers/angular-component-mounter","name":"AngularComponentMounter","line":58,"character":8},{"__symbolic":"reference","module":"./providers/events","name":"Events","line":59,"character":8},{"__symbolic":"reference","module":"./providers/loading-controller","name":"LoadingController","line":60,"character":8},{"__symbolic":"reference","module":"./providers/modal-controller","name":"ModalController","line":61,"character":8},{"__symbolic":"reference","module":"./providers/popover-controller","name":"PopoverController","line":62,"character":8},{"__symbolic":"reference","module":"./providers/toast-controller","name":"ToastController","line":63,"character":8}]}}}}}}] | ||
[{"__symbolic":"module","version":4,"metadata":{"IonicAngularModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","module":"./control-value-accessors/boolean-value-accessor","name":"BooleanValueAccessor","line":30,"character":4},{"__symbolic":"reference","module":"./components/ion-nav","name":"IonNavDelegate","line":31,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/numeric-value-accesssor","name":"NumericValueAccessor","line":32,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/radio-value-accessor","name":"RadioValueAccessor","line":33,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/select-value-accessor","name":"SelectValueAccessor","line":34,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/text-value-accessor","name":"TextValueAccessor","line":35,"character":4}],"exports":[{"__symbolic":"reference","module":"./control-value-accessors/boolean-value-accessor","name":"BooleanValueAccessor","line":38,"character":4},{"__symbolic":"reference","module":"./components/ion-nav","name":"IonNavDelegate","line":39,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/numeric-value-accesssor","name":"NumericValueAccessor","line":40,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/radio-value-accessor","name":"RadioValueAccessor","line":41,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/select-value-accessor","name":"SelectValueAccessor","line":42,"character":4},{"__symbolic":"reference","module":"./control-value-accessors/text-value-accessor","name":"TextValueAccessor","line":43,"character":4}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":46,"character":4}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"CUSTOM_ELEMENTS_SCHEMA","line":49,"character":4}]}]}],"statics":{"forRoot":{"__symbolic":"function","parameters":[],"value":{"ngModule":{"__symbolic":"reference","name":"IonicAngularModule"},"providers":[{"__symbolic":"reference","module":"./providers/alert-controller","name":"AlertController","line":57,"character":8},{"__symbolic":"reference","module":"./providers/action-sheet-controller","name":"ActionSheetController","line":58,"character":8},{"__symbolic":"reference","module":"./providers/angular-component-mounter","name":"AngularComponentMounter","line":59,"character":8},{"__symbolic":"reference","module":"./providers/app","name":"App","line":60,"character":8},{"__symbolic":"reference","module":"./providers/events","name":"Events","line":61,"character":8},{"__symbolic":"reference","module":"./providers/loading-controller","name":"LoadingController","line":62,"character":8},{"__symbolic":"reference","module":"./providers/modal-controller","name":"ModalController","line":63,"character":8},{"__symbolic":"reference","module":"./providers/popover-controller","name":"PopoverController","line":64,"character":8},{"__symbolic":"reference","module":"./providers/toast-controller","name":"ToastController","line":65,"character":8}]}}}}}}] |
@@ -8,6 +8,6 @@ import { ApplicationRef, ComponentFactoryResolver, Injector, NgZone, Type } from '@angular/core'; | ||
constructor(defaultCfr: ComponentFactoryResolver, zone: NgZone, appRef: ApplicationRef); | ||
attachViewToDom(parentElement: HTMLElement, hostElement: HTMLElement, componentToMount: Type<any>, componentResolveFactory: ComponentFactoryResolver, injector: Injector, classesToAdd: string[]): Promise<AngularMountingData>; | ||
attachViewToDom(parentElement: HTMLElement, hostElement: HTMLElement, componentToMount: Type<any>, componentResolveFactory: ComponentFactoryResolver, injector: Injector, data: any, classesToAdd: string[]): Promise<AngularMountingData>; | ||
removeViewFromDom(childElement: HTMLElement): Promise<any>; | ||
} | ||
export declare function removeViewFromDom(childElement: HTMLElement): void; | ||
export declare function attachViewToDom(crf: ComponentFactoryResolver, parentElement: HTMLElement, hostElement: HTMLElement, componentToMount: Type<any>, injector: Injector, appRef: ApplicationRef, classesToAdd: string[]): AngularMountingData; | ||
export declare function attachViewToDom(crf: ComponentFactoryResolver, parentElement: HTMLElement, hostElement: HTMLElement, componentToMount: Type<any>, injector: Injector, appRef: ApplicationRef, data: any, classesToAdd: string[]): AngularMountingData; |
@@ -10,7 +10,7 @@ import { ApplicationRef, ComponentFactoryResolver, Injectable, NgZone, ReflectiveInjector } from '@angular/core'; | ||
} | ||
attachViewToDom(parentElement, hostElement, componentToMount, componentResolveFactory, injector, classesToAdd) { | ||
attachViewToDom(parentElement, hostElement, componentToMount, componentResolveFactory, injector, data, classesToAdd) { | ||
return new Promise((resolve) => { | ||
this.zone.run(() => { | ||
const crf = componentResolveFactory ? componentResolveFactory : this.defaultCfr; | ||
const mountingData = attachViewToDom(crf, parentElement, hostElement, componentToMount, injector, this.appRef, classesToAdd); | ||
const mountingData = attachViewToDom(crf, parentElement, hostElement, componentToMount, injector, this.appRef, data, classesToAdd); | ||
resolve(mountingData); | ||
@@ -44,4 +44,4 @@ }); | ||
} | ||
export function attachViewToDom(crf, parentElement, hostElement, componentToMount, injector, appRef, classesToAdd) { | ||
const componentProviders = ReflectiveInjector.resolve(getProviders(parentElement)); | ||
export function attachViewToDom(crf, parentElement, hostElement, componentToMount, injector, appRef, data, classesToAdd) { | ||
const componentProviders = ReflectiveInjector.resolve(getProviders(parentElement, data)); | ||
const componentFactory = crf.resolveComponentFactory(componentToMount); | ||
@@ -48,0 +48,0 @@ const childInjector = ReflectiveInjector.fromResolvedProviders(componentProviders, injector); |
import { NavContainer } from '@ionic/core'; | ||
export declare class App { | ||
_element: HTMLIonAppElement; | ||
constructor(_element: HTMLIonAppElement); | ||
constructor(); | ||
setTitle(title: string): void; | ||
@@ -6,0 +6,0 @@ isScrolling(): boolean; |
export class App { | ||
constructor(_element) { | ||
this._element = _element; | ||
constructor() { | ||
this._element = document.querySelector('ion-app'); | ||
} | ||
@@ -5,0 +5,0 @@ setTitle(title) { |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":4,"metadata":{"App":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":4,"character":31,"context":{"typeName":"HTMLIonAppElement"}}]}],"setTitle":[{"__symbolic":"method"}],"isScrolling":[{"__symbolic":"method"}],"getRootNavs":[{"__symbolic":"method"}],"getActiveNavs":[{"__symbolic":"method"}],"getNavByIdOrName":[{"__symbolic":"method"}]}},"isScrollingImpl":{"__symbolic":"function"},"getRootNavsImpl":{"__symbolic":"function"},"getActiveNavsImpl":{"__symbolic":"function"},"getNavByIdOrNameImpl":{"__symbolic":"function"}}}] | ||
[{"__symbolic":"module","version":4,"metadata":{"App":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor"}],"setTitle":[{"__symbolic":"method"}],"isScrolling":[{"__symbolic":"method"}],"getRootNavs":[{"__symbolic":"method"}],"getActiveNavs":[{"__symbolic":"method"}],"getNavByIdOrName":[{"__symbolic":"method"}]}},"isScrollingImpl":{"__symbolic":"function"},"getRootNavsImpl":{"__symbolic":"function"},"getActiveNavsImpl":{"__symbolic":"function"},"getNavByIdOrNameImpl":{"__symbolic":"function"}}}] |
@@ -17,3 +17,3 @@ import { ComponentFactoryResolver, Injectable, Injector, } from '@angular/core'; | ||
const hostElement = document.createElement('div'); | ||
return this.angularComponentMounter.attachViewToDom(elementOrContainerToMountTo, hostElement, elementOrComponentToMount, this.componentResolveFactory, this.injector, classesToAdd); | ||
return this.angularComponentMounter.attachViewToDom(elementOrContainerToMountTo, hostElement, elementOrComponentToMount, this.componentResolveFactory, this.injector, _propsOrDataObj, classesToAdd); | ||
} | ||
@@ -20,0 +20,0 @@ removeViewFromDom(_parentElement, childElement) { |
@@ -17,3 +17,3 @@ import { ComponentFactoryResolver, Injectable, Injector, } from '@angular/core'; | ||
const hostElement = document.createElement('div'); | ||
return this.angularComponentMounter.attachViewToDom(elementOrContainerToMountTo, hostElement, elementOrComponentToMount, this.componentResolveFactory, this.injector, classesToAdd); | ||
return this.angularComponentMounter.attachViewToDom(elementOrContainerToMountTo, hostElement, elementOrComponentToMount, this.componentResolveFactory, this.injector, _propsOrDataObj, classesToAdd); | ||
} | ||
@@ -20,0 +20,0 @@ removeViewFromDom(_parentElement, childElement) { |
{ | ||
"name": "@ionic/angular", | ||
"version": "0.0.2-12", | ||
"version": "0.0.2-13", | ||
"description": "Angular specific wrappers for @ionic/core", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
119628
90
1542