DevExtreme Angular - Scaffold an Angular Component
Scaffolding in Visual Studio allows you to generate a component that contains a DevExtreme UI component and a data service for the UI component. You can scaffold the DataGrid, TreeList, and Form.
Scaffolding has the following requirements:
- Visual Studio 2017 and later
- .NET Core SDK 2.1
- ASP.NET Core application with Angular
- Entity Framework Core Data Model
- DevExtreme installed using the Windows installer
Follow the instructions below to scaffold a component:
In Solution Explorer, right-click a folder. In the invoked menu, point to Add and then click New Scaffolded Item....
In the Add Scaffold window, choose Angular Component with a DevExtreme UI component and click Add.
In the wizard, enter the component's name, choose the DevExtreme UI component to scaffold, and configure data binding and related settings. Click Add to finish the scaffolding.
The component and data service are created in the ClientApp\src\app\%componentname% folder, and the component is registered in the app.module.ts file.
If you have technical questions, please create a support ticket in the DevExpress Support Center.