Hello Team,
I have downloaded Igniteui-angular2 npm package.
I have defined following in my angular2 component to use IgDatePicker Component.
import {Component} from '@angular/core';import {FORM_DIRECTIVES} from '@angular/forms';
import {IgDatePickerComponent} from 'igniteui-angular2';
@Component({ selector: 'Detail', directives: [FORM_DIRECTIVES, IgDatePickerComponent], template: ` <ig-date-picker widgetId="PlannedStartDate" [options]="{width:'100%'}"></ig-date-picker>`})
export class DetailComponent{}
I am getting error in Igniteui.angualr2 while loading IgDatePicker as following ,
ORIGINAL EXCEPTION: TypeError: Cannot read property 'prototype' of undefined
platform-browser.umd.js:1900 TypeError: Cannot read property 'prototype' of undefined at IgDatePickerComponent.IgControlBase (igniteui.angular2.js:114) at IgDatePickerComponent.IgEditorBase [as constructor] (igniteui.angular2.js:645) at new IgDatePickerComponent (igniteui.angular2.js:731) at DebugAppView._View_ProjectDetailComponent1.createInternal (ProjectDetailComponent.template.js:218) at DebugAppView.AppView.create (core.umd.js:11996) at DebugAppView.create (core.umd.js:12207) at TemplateRef_.createEmbeddedView (core.umd.js:10274) at ViewContainerRef_.createEmbeddedView (core.umd.js:8344) at NgIf.set [as ngIf] (common.umd.js:1741) at DebugAppView._View_ProjectDetailComponent0.detectChangesInternal (ProjectDetailComponent.template.js:49)
Can you please help me with this?
Awaiting for your help!
Greetings
Jeet
Hello Jeetendrakumar,
Thank you for contacting Infragistics!
I have done an initial review of your case and I guess that you don’t include our package. You can find requirements listed in the in the Getting Started with Ignite UI and Angular topic: https://github.com/IgniteUI/igniteui-angular2
Line 114 extends the widget prototype options under the jQuery.ui object, which could be the case if the Ignite UI controls are not loaded on the page. Those should be included in the page similar to the way it’s done in the samples:
https://github.com/IgniteUI/igniteui-angular2/blob/master/samples/igEditors/igEditors.html#L22
Please let me know if you have any more questions regarding this topic.
Regards, Aneta Gicheva, Infragistics
Hi Aneta,
thank you for the response. You are right that i haven't referenced the CSS and Js file into my application.
NPM package which I got doesn't contain following files,
platform-browser.umd.js:1900 Error: No value accessor for ''
at new BaseException (forms.umd.js:599)
at _throwError (forms.umd.js:1569) at setUpControl (forms.umd.js:1546)
at NgModel._setUpStandalone (forms.umd.js:2349)
at NgModel._setUpControl (forms.umd.js:2341)
at NgModel.ngOnChanges (forms.umd.js:2300)
at DebugAppView._View_ProjectDetailComponent1.detectChangesInternal (ProjectDetailComponent.template.js:1176)
at DebugAppView.AppView.detectChanges (core.umd.js:12143)
at DebugAppView.detectChanges (core.umd.js:12247)
at DebugAppView.AppView.detectContentChildrenChanges (core.umd.js:12161)
Did you test IgniteUI wth Angular2 RC4 Version? Is there something which i need to know to make use of your component with model-binding (NgModel)?
Awaiting for your response. Thanks!
Regards,
Jeetendra