Base solution for your next web application

Activities of "blacksnow"

Question

We use devextreme from DevExpress and want to replace the data grid in the angular2 application. I've added the npm packages to the package.json file

"devextreme": "^17.1.3",
"devextreme-angular": "^17.1.3",

The DxDataGridModule is imported in the app.module.ts The DxDataGridComponent is imported in the tenants.component.ts

When i add the dx-data-grid element to tenants.component.html it doesn't recognize it and an error is thrown.

[i][i][i]ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'dataSource' since it isn't a known property of 'dx-data-grid'.

  1. If 'dx-data-grid' is an Angular component and it has 'dataSource' input, then verify that it is part of this module.

  2. If 'dx-data-grid' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the <a href="mailto:'@NgModule.schemas">'@NgModule.schemas</a>' of this component to suppress this message.

  3. To allow any property add 'NO_ERRORS_SCHEMA' to the <a href="mailto:'@NgModule.schemas">'@NgModule.schemas</a>' of this component. (" </div>

         &lt;dx-data-grid id=&quot;gridContainer&quot; [ERROR -&gt;][dataSource]="customers" [columns]="['CompanyName', 'City', 'State', 'Phone', 'Fax']">
         </"): ng:///AdminModule/TenantsComponent.html@36:45
    

Can you please advise? Regards, Rob angular.zip

Showing 1 to 1 of 1 entries