No display control

[LUCIANO ALMEIDA PIMENTA]

I can not display a grid in an Angular project 7. 

I created a new project, adapted a template that I have, but it does not display any Syncfusion controls in this project.

I reviewed the settings based on this example: https://www.syncfusion.com/kb/9685/how-to-get-started-easily-with-syncfusion-angular-7-data-grid

My project is the same in the sense of settings, but Grid or DropDownList are not shown. 

I have done the same as the documentation examples, without success.

My project settings:

Angular CLI: 7.3.9

Node: 10.15.3

OS: win32 x64

Angular: 7.2.15

... animations, common, compiler, compiler-cli, core, forms

... language-service, platform-browser, platform-browser-dynamic

router

Package Version

-------------------------------------------------- ---------

@ angular-devkit / architect 0.13.9

@ angular-devkit / build-angular 0.13.9

@ angular-devkit / build-optimizer 0.13.9

@ angular-devkit / build-webpack 0.13.9

@ angular-devkit / core 7.3.9

@ angular-devkit / schematics 7.3.9

angular / cli 7.3.9

@ ngtools / webpack 7.3.9

@ schematics / angular 7.3.9

@ schematics / update 0.13.9

rxjs 6.3.3

typescript 3.2.4

webpack 4.29.0

[Pavithra Subramaniyam]

Hi Luciano, 

Greetings from Syncfusion. 

From your query and package details we suspect that you have not installed Syncfusion packages in your project. If yes please include the Grid packages in your node_modules to display the Syncfusion components in the given kb. Please find the below documentation link for your reference. 

Documentation: https://ej2.syncfusion.com/angular/documentation/grid/getting-started/#getting-started 

Please get back to us if you need further assistance. 

 

Regards, 

Pavithra S. 

[LUCIANO ALMEIDA PIMENTA]

The packages are installed (picture in attach).

Still not working.

Attachment: packages_6b45c75d.zip

[LUCIANO ALMEIDA PIMENTA]

In attach, sample project.

I'm used file datasource.ts in empresa-list.component.ts (Empresa menu).

Attachment: sigaupdate_91bd413a.zip

[Pavithra Subramaniyam]

Hi LUCIANO, 

 

Thanks for sharing the details with us. 

 

We have validated the sample and found that you have missed to import the “GridModule” inside the ngModule section of “empresa.module.ts” file which is the cause of the reported behavior. So we suggest to import the GridModule to render the Grid inside the empresa routing. Please refer to the below code example for your reference. 

 

[empresa.module.ts] 

import { GridModule } from '@syncfusion/ej2-angular-grids'; 

.  .  . 

 

@NgModule({ 

  imports: [ 

  RouterModule.forChild([ 

    {path: '', component: EmpresaListComponent, canActivateChild: [AuthGuard]}, 

    {path: 'add', component: EmpresaComponent, canActivateChild: [AuthGuard]}, 

    {path: 'edit/:id', component: EmpresaComponent, canActivateChild: [AuthGuard]} 

  ]),  

  CommonModule,GridModule], 

  .   .   . 

}) 

export class EmpresaModule { } 

 

Regards, 

Pavithra S. 

[LUCIANO ALMEIDA PIMENTA]

Thank you so much.

It's work.

[Pavithra Subramaniyam]

Hi LUCIANO, 

 

Thanks for your update. 

 

We are happy to hear that the reported problem has been solved. 

 

Please get back o us if you need any further assistance on this. 

 

Regards, 

Pavithra S.