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
Yes we are supporting Angular2 RC4. What is more, you can see the tests updated at: https://github.com/IgniteUI/igniteui-angular2/pull/62
In order to get a quick start, I suggest you to take advantage of the existing online samples available on our site. They will be helpful for as the illustrate the usage of ngModel. http://igniteui.github.io/igniteui-angular2/samples/igEditors/igEditors.html
https://github.com/IgniteUI/igniteui-angular2/blob/master/samples/igEditors/igEditorsTemplate.html
Please take a look at the above resources and play a bit with these. In case you have any more questions or concerns, please attach a runnable code sample so I can further look into the particular issues and debug if needed.