Kendo UI for Angular

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

扫描二维码关注公众号,回复: 6004958 查看本文章

   # 安装 Dropdowns 组件
   ng add @progress/kendo-angular-dropdowns

   # 安装 Charts 组件
   ng add @progress/kendo-angular-charts

   # 安装 Dialog 组件
   ng add @progress/kendo-angular-dialog

猜你喜欢

转载自blog.csdn.net/KingCruel/article/details/88989412