angular - import file from ionic2-calendar directly into ionic page to use a method -


i trying import part of ionic2-calendar (or whole thing) directly ionic page. d.ts file trying import looks this:

...npm_modules/ionic2-calendar/monthview.d.ts:

import { oninit, onchanges, eventemitter, simplechanges, templateref } '@angular/core'; import { slides } 'ionic-angular'; import { icalendarcomponent, ievent, imonthview, imonthviewrow, itimeselected, irange, calendarmode, idateformatter } './calendar'; import { calendarservice } './calendar.service'; import { imonthviewdisplayeventtemplatecontext } "./calendar"; export declare class monthviewcomponent implements icalendarcomponent, oninit, onchanges {     private calendarservice;     slider: slides;     monthviewdisplayeventtemplate: templateref<imonthviewdisplayeventtemplatecontext>;     monthviewinactivedisplayeventtemplate: templateref<imonthviewdisplayeventtemplatecontext>;     monthvieweventdetailtemplate: templateref<imonthviewdisplayeventtemplatecontext>;     formatday: string;     formatdayheader: string;     formatmonthtitle: string;     eventsource: ievent[];     startingdaymonth: number;     showeventdetail: boolean;     noeventslabel: string;     autoselect: boolean;     markdisabled: (date: date) => boolean;     locale: string;     dateformatter: idateformatter;     dir: string;     lockswipetoprev: boolean;     lockswipes: boolean;     onrangechanged: eventemitter<irange>;     oneventselected: eventemitter<ievent>;     ontimeselected: eventemitter<itimeselected>;     ontitlechanged: eventemitter<string>;     views: imonthview[];     currentviewindex: number;     selecteddate: imonthviewrow;     range: irange;     mode: calendarmode;     direction: number;     private moveonselected;     private inited;     private callbackoninit;     private currentdatechangedfromparentsubscription;     private eventsourcechangedsubscription;     private formatdaylabel;     private formatdayheaderlabel;     private formattitle;     constructor(calendarservice: calendarservice);     ngoninit(): void;     ngondestroy(): void;     ngonchanges(changes: simplechanges): void;     ngafterviewinit(): void;     onslidechanged(): void;     move(direction: number): void;     createdateobject(date: date): imonthviewrow;     static getdates(startdate: date, n: number): date[];     getviewdata(starttime: date): imonthview;     gethighlightclass(date: imonthviewrow): string;     getrange(currentdate: date): irange;     ondataloaded(): void;     refreshview(): void;     gettitle(): string;     private compareevent(event1, event2);     select(viewdate: imonthviewrow): void;     slideview(direction: number): void;     updatecurrentview(currentviewstartdate: date, view: imonthview): void;     eventselected(event: ievent): void; }

in page import this:

import { monthviewcomponent } 'ionic2-calendar/monthview';

then output monthviewcomponent see looks like:

console.log(json.stringify(monthviewcomponent));

it outputs:

undefined

i doing use method, part of monthviewcomponent, in page. have tried importing ngcalendarmodule main module ionic2-calendar , outputs undefined. how use method monthviewcomponent module inside page?

i tried adding typings.json module, , ran typings install , created index.d.ts file of monthviewcomponent contents, still returns undefined:

typings.json

{   "globaldependencies": {     "jic": "file:./src/assets/jic.d.ts",   },   "dependencies": {     "debug": "registry:npm/debug#2.0.0+20170504163145",     "monthviewcomponent": "file:./node_modules/ionic2-calendar/monthview.d.ts"   } }

it created typings/modules/monthviewcomponent/index.d.ts

// generated typings // source: node_modules/ionic2-calendar/calendar.d.ts declare module '~monthviewcomponent/calendar' { import { eventemitter, oninit, templateref } '@angular/core'; import { calendarservice } '~monthviewcomponent/calendar.service'; export interface ievent {     allday: boolean;     endtime: date;     starttime: date;     title: string; } export interface irange {     starttime: date;     endtime: date; } export interface iview { } export interface idayview extends iview {     alldayevents: idisplayalldayevent[];     rows: idayviewrow[]; } export interface idayviewrow {     events: idisplayevent[];     time: date; } export interface imonthview extends iview {     dates: imonthviewrow[];     dayheaders: string[]; } export interface imonthviewrow {     current?: boolean;     date: date;     events: ievent[];     hasevent?: boolean;     label: string;     secondary: boolean;     selected?: boolean;     disabled: boolean; } export interface iweekview extends iview {     dates: iweekviewdaterow[];     rows: iweekviewrow[][];     dayheaders: string[]; } export interface iweekviewdaterow {     date: date;     events: idisplayevent[]; } export interface iweekviewrow {     events: idisplayevent[];     time: date; } export interface idisplayevent {     endindex: number;     endoffset?: number;     event: ievent;     startindex: number;     startoffset?: number;     overlapnumber?: number;     position?: number; } export interface idisplayalldayevent {     event: ievent; } export interface icalendarcomponent {     currentviewindex: number;     direction: number;     eventsource: ievent[];     getrange: {         (date: date): irange;     };     getviewdata: {         (date: date): iview;     };     mode: calendarmode;     range: irange;     views: iview[];     ondataloaded: {         (): void;     };     onrangechanged: eventemitter<irange>; } export interface itimeselected {     events: ievent[];     selectedtime: date;     disabled: boolean; } export interface imonthviewdisplayeventtemplatecontext {     view: iview;     row: number;     col: number; } export interface imonthvieweventdetailtemplatecontext {     selecteddate: itimeselected;     noeventslabel: string; } export interface idateformatter {     formatmonthviewday?: {         (date: date): string;     };     formatmonthviewdayheader?: {         (date: date): string;     };     formatmonthviewtitle?: {         (date: date): string;     };     formatweekviewdayheader?: {         (date: date): string;     };     formatweekviewtitle?: {         (date: date): string;     };     formatweekviewhourcolumn?: {         (date: date): string;     };     formatdayviewtitle?: {         (date: date): string;     };     formatdayviewhourcolumn?: {         (date: date): string;     }; } export type calendarmode = 'day' | 'month' | 'week'; export type querymode = 'local' | 'remote'; export enum step {     quarterhour = 15,     halfhour = 30,     hour = 60, } export class calendarcomponent implements oninit {     private calendarservice;     private locale;     currentdate: date;     eventsource: ievent[];     calendarmode: calendarmode;     formatday: string;     formatdayheader: string;     formatdaytitle: string;     formatweektitle: string;     formatmonthtitle: string;     formatweekviewdayheader: string;     formathourcolumn: string;     showeventdetail: boolean;     startingdaymonth: number;     startingdayweek: number;     alldaylabel: string;     noeventslabel: string;     querymode: querymode;     step: step;     autoselect: boolean;     markdisabled: (date: date) => boolean;     monthviewdisplayeventtemplate: templateref<imonthviewdisplayeventtemplatecontext>;     monthviewinactivedisplayeventtemplate: templateref<imonthviewdisplayeventtemplatecontext>;     monthvieweventdetailtemplate: templateref<imonthvieweventdetailtemplatecontext>;     weekviewalldayeventtemplate: templateref<idisplayalldayevent>;     weekviewnormaleventtemplate: templateref<idisplayevent>;     dayviewalldayeventtemplate: templateref<idisplayalldayevent>;     dayviewnormaleventtemplate: templateref<idisplayevent>;     dateformatter: idateformatter;     dir: string;     scrolltohour: number;     preservescrollposition: boolean;     lockswipetoprev: boolean;     lockswipes: boolean;     oncurrentdatechanged: eventemitter<date>;     onrangechanged: eventemitter<irange>;     oneventselected: eventemitter<ievent>;     ontimeselected: eventemitter<itimeselected>;     ontitlechanged: eventemitter<string>;     private _currentdate;     private hourparts;     private currentdatechangedfromchildrensubscription;     constructor(calendarservice: calendarservice, locale: string);     ngoninit(): void;     ngondestroy(): void;     rangechanged(range: irange): void;     eventselected(event: ievent): void;     timeselected(timeselected: itimeselected): void;     titlechanged(title: string): void;     loadevents(): void; } } declare module 'monthviewcomponent/calendar' { export * '~monthviewcomponent/calendar'; }  // generated typings // source: node_modules/ionic2-calendar/calendar.service.d.ts declare module '~monthviewcomponent/calendar.service' { import { observable } 'rxjs/observable'; import { icalendarcomponent, calendarmode, querymode } '~monthviewcomponent/calendar'; export class calendarservice {     querymode: querymode;     currentdatechangedfromparent$: observable<date>;     currentdatechangedfromchildren$: observable<date>;     eventsourcechanged$: observable<void>;     private _currentdate;     private currentdatechangedfromparent;     private currentdatechangedfromchildren;     private eventsourcechanged;     constructor();     setcurrentdate(val: date, fromparent?: boolean): void;     readonly currentdate: date;     rangechanged(component: icalendarcomponent): void;     private getstep(mode);     getadjacentcalendardate(mode: calendarmode, direction: number): date;     getadjacentviewstarttime(component: icalendarcomponent, direction: number): date;     populateadjacentviews(component: icalendarcomponent): void;     loadevents(): void; } } declare module 'monthviewcomponent/calendar.service' { export * '~monthviewcomponent/calendar.service'; }  // generated typings // source: node_modules/ionic2-calendar/monthview.d.ts declare module '~monthviewcomponent/monthview' { import { oninit, onchanges, eventemitter, simplechanges, templateref } '@angular/core'; import { slides } 'ionic-angular'; import { icalendarcomponent, ievent, imonthview, imonthviewrow, itimeselected, irange, calendarmode, idateformatter } '~monthviewcomponent/calendar'; import { calendarservice } '~monthviewcomponent/calendar.service'; import { imonthviewdisplayeventtemplatecontext } '~monthviewcomponent/calendar'; export class monthviewcomponent implements icalendarcomponent, oninit, onchanges {     private calendarservice;     slider: slides;     monthviewdisplayeventtemplate: templateref<imonthviewdisplayeventtemplatecontext>;     monthviewinactivedisplayeventtemplate: templateref<imonthviewdisplayeventtemplatecontext>;     monthvieweventdetailtemplate: templateref<imonthviewdisplayeventtemplatecontext>;     formatday: string;     formatdayheader: string;     formatmonthtitle: string;     eventsource: ievent[];     startingdaymonth: number;     showeventdetail: boolean;     noeventslabel: string;     autoselect: boolean;     markdisabled: (date: date) => boolean;     locale: string;     dateformatter: idateformatter;     dir: string;     lockswipetoprev: boolean;     lockswipes: boolean;     onrangechanged: eventemitter<irange>;     oneventselected: eventemitter<ievent>;     ontimeselected: eventemitter<itimeselected>;     ontitlechanged: eventemitter<string>;     views: imonthview[];     currentviewindex: number;     selecteddate: imonthviewrow;     range: irange;     mode: calendarmode;     direction: number;     private moveonselected;     private inited;     private callbackoninit;     private currentdatechangedfromparentsubscription;     private eventsourcechangedsubscription;     private formatdaylabel;     private formatdayheaderlabel;     private formattitle;     constructor(calendarservice: calendarservice);     ngoninit(): void;     ngondestroy(): void;     ngonchanges(changes: simplechanges): void;     ngafterviewinit(): void;     onslidechanged(): void;     move(direction: number): void;     createdateobject(date: date): imonthviewrow;     static getdates(startdate: date, n: number): date[];     getviewdata(starttime: date): imonthview;     gethighlightclass(date: imonthviewrow): string;     getrange(currentdate: date): irange;     ondataloaded(): void;     refreshview(): void;     gettitle(): string;     private compareevent(event1, event2);     select(viewdate: imonthviewrow): void;     slideview(direction: number): void;     updatecurrentview(currentviewstartdate: date, view: imonthview): void;     eventselected(event: ievent): void; } } declare module 'monthviewcomponent/monthview' { export * '~monthviewcomponent/monthview'; } declare module 'monthviewcomponent' { export * '~monthviewcomponent/monthview'; }

what else need tell ionic/angular2 link this? thanks


Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj...
Read more

performance - Why is XCHG reg, reg a 3 micro-op instruction on modern Intel architectures? -

i'm doing micro-optimization on performance critical part of code , came across sequence of instructions (in at&t syntax): add %rax, %rbx mov %rdx, %rax mov %rbx, %rdx i thought had use case xchg allow me shave instruction , write: add %rbx, %rax xchg %rax, %rdx however, dimay found agner fog's instruction tables , xchg 3 micro-op instruction 2 cycle latency on sandy bridge, ivy bridge, broadwell, haswell , skylake. 3 whole micro-ops , 2 cycles of latency! 3 micro-ops throws off 4-1-1-1 cadence , 2 cycle latency makes worse original in best case since last 2 instructions in original might execute in parallel. now... cpu might breaking instruction micro-ops equivalent to: mov %rax, %tmp mov %rdx, %rax mov %tmp, %rdx where tmp anonymous internal register , suppose last 2 micro-ops run in parallel latency 2 cycles. given register renaming occurs on these micro-architectures, though, doesn't make sense me done way. why wouldn't register renamer ...
Read more

c# - Asp.net web api : redirect unauthorized requst to forbidden page -

im trying redirect unauthorized request forbidden page instead i'm getting forbidden page in response body , how can fix ? here's startup class : app.createperowincontext(storecontext.create); app.createperowincontext<applicationusermanager>(applicationusermanager.create); app.createperowincontext<applicationsigninmanager>(applicationsigninmanager.create); app.usecookieauthentication(new cookieauthenticationoptions { authenticationtype = defaultauthenticationtypes.applicationcookie, expiretimespan = timespan.fromdays(30), }); app.useexternalsignincookie(defaultauthenticationtypes.externalcookie); app.usetwofactorsignincookie(defaultauthenticationtypes.twofactorcookie, timespan.fromminutes(5)); app.usetwofactorrememberbrowsercookie(defaultauthenticationtypes.twofactorrememberbrowsercookie); the method im trying reach : [httpget] [authorize(roles = "admin")] public string getcurrentusername() { return userman...
Read more