Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
600
IgTextEditor Angular2 Component produces error - No value accessor for ''
posted

Hello Team,


I have started to try IgniteUI Angular2 component in my application but if i use IgTextEditor component with NgModel binding then it produces following error,


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:1240)
    at DebugAppView.AppView.detectChanges (core.umd.js:12143)
    at DebugAppView.detectChanges (core.umd.js:12247)
    at DebugAppView.AppView.detectContentChildrenChanges (core.umd.js:12161)


My Componet Definition is as following,

import {Component} from '@angular/core';
import {REACTIVE_FORM_DIRECTIVES} from '@angular/forms';
import {IgDatePickerComponent, IgTextEditorComponent, IgGridComponent} from 'igniteui-angular2';

@Component({
    selector: 'Detail',
    directives: [REACTIVE_FORM_DIRECTIVES, IgTextEditorComponent],
    template: `
 <ig-text-editor widgetId="editor1" [(ngModel)]="textName"  [options]="{width:'100%'}">
 </ig-text-editor>`
})

export class DetailComponent {
 textName: string; 

constructor(){
     this.textName="Hello World";
 }
}

Please suggest why this is Happening. I have used till now normal HTML control for them it works.

Awaiting for you Response.

Regards,

Jeetendra



 

Parents
  • 2525
    posted

    Hello,

    Your syntax seems correct, there is nothing discernably incorrect from the code provided. Given that the error thrown was by platform-browser.umd.js, this is likely due to an error in how SystemJS or within the chosen bundling tool. If using SystemJS, this is likely due to something being incorrectly configured within the system.config.js file.

    I suggest taking a look at our sample here which utilizes the ig-text-editor being bound using ng-model: http://igniteui.github.io/igniteui-angular2/samples/igEditors/igEditors.html

    Let me know if you have any questions.

Reply Children