1、网址
https://www.telerik.com/kendo-angular-ui
2、安装(npm)
# 说明
Kendo UI for Angular 被打包成独立的多个 NPM package,在 Progress NPM 之下 ( https://registry.npm.telerik.com/ ), 要想访问它,你需要一个激活的 Telerik account ,
如果你现在还没有这个账号,可以到这里创建一个(https://www.telerik.com/kendo-angular-ui/getting-started/#),这是免费的。
这些包在 @progress 之下。例如,Grid 控件包的名字是 @progress/kendo-angular-grid.
# 参考项目 可以访问这里:https://github.com/telerik/kendo-angular2-quickstart
# 安装 Grid 组件
npm install -S @progress/kendo-angular-grid
# 查看 Grid 组件版本
npm view @progress/kendo-angular-grid versions
# 安装 Buttons 组件
npm install -S @progress/kendo-angular-buttons
# 安装 多个 组件
npm install --save @progress/kendo-angular-grid @progress/kendo-angular-dropdowns @progress/kendo-angular-inputs @progress/kendo-angular-dateinputs
# 安装 样式 文件
npm install --save @progress/kendo-theme-default
【注意:在src/styles.scss里面引用样式,不引用的话会没有样式,异常的丑】
3、安装(Angular cli v6支持通过 ng add 命令添加包)
# 安装 Grid 组件
ng add @progress/kendo-angular-grid
# 安装 Buttons 组件
ng add @progress/kendo-angular-buttons
# 安装 Dropdowns 组件
ng add @progress/kendo-angular-dropdowns
# 安装 Charts 组件
ng add @progress/kendo-angular-charts
# 安装 Dialog 组件
ng add @progress/kendo-angular-dialog