DevExtreme初级入门教程（Angular篇）：搭建一个Angular组件-控件新闻-慧都网

DevExtreme初级入门教程（Angular篇）：搭建一个Angular组件

翻译|使用教程|编辑：龚雪|2021-10-09 10:04:27.520|阅读 163 次

概述：本文主要为大家介绍如何搭建一个Anular组件，欢迎下载最新版工具控件体验~

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

Visual Studio中的搭建允许您生成包含DevExtreme UI组件和UI组件的数据服务组件，您可以搭建, 和。

DevExtreme v21.1.5最新版下载

搭建有以下要求：

Visual Studio 2017 及更高版本
.NET Core SDK 2.1
带有Angular的ASP.NET Core应用程序
实体框架核心数据模型
使用Windows安装程序安装DevExtreme

按照以下说明搭建组件：

1. 在Solution Explorer中，右键单击文件夹。在调用的菜单中，指向Add然后点击New Scaffolded Item....

2. 在Add Scaffold窗口中，选择Angular Component with a DevExtreme UI component并点击Add。

3. 在向导中，输入组件名称，选择要搭建的DevExtreme UI组件，并配置数据绑定和相关设置；点击Add完成搭建。

组件和数据服务创建在ClientApp\src\app\%componentname%文件夹中，组件注册在app.module.ts文件中。

支持的版本

DevExtreme | 下载试用

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。

DevExpress技术交流群4：715863792 欢迎一起进群讨论