ERROR TypeError: Cannot read property 'save' of undefined Angular 9

[Srdjan Rakic]

Hi i have a problem, documentEditor component is undefined. I have followed instructions but i can't get it to work...

Here is github link to test project: https://github.com/WingsDevelopment/syncfusion-test

app.component.ts

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css'],

  providers: [ToolbarService,EditorService, SelectionService, SfdtExportService,TextExportService]

})

export class AppComponent implements OnInit {

  @ViewChild('documentEditorDefault', { static: true }) 

  container: DocumentEditorContainerComponent;

  documentEditor: DocumentEditorComponent;

 

  saveAsDocx() :void {

    // this.container.documentEditor.save('sample','Docx');

    this.documentEditor.save('sample','Docx');

  }

  ngOnInit(): void {

  }

}

[Harini Chellappa]

Hi Srdjan, 

Syncfusion Greetings! 

Please update the app.component.html as like below 

<ejs-documenteditorcontainer #documentEditorDefault serviceUrl="https://ej2services.syncfusion.com/production/web-services/api/documenteditor/"  

  [enableToolbar]=true></ejs-documenteditorcontainer> 

Update app.component.ts as like below 

export class AppComponent implements OnInit { 

  @ViewChild('documentEditorDefault', { static: true })  

  public container: DocumentEditorContainerComponent; 

  saveAsDocx() :void { 

    this.container.documentEditor.save('sample','Docx'); 

  } 

  ngOnInit(): void { 

  } 

} 

For your reference, please check the below stack blitz sample. 

https://stackblitz.com/edit/angular-pcc3zj?file=app.component.html 

Regards, 

Harini C