剑道角UI

Kendo UI的Angular

构建专业级的Angular UI

一个完整的Angular UI组件库,可以帮助你快速构建高性能的现代Angular应用。

进口{组件}“@angular /核心”;进口{客户}”。/客户;@组件({选择器:“我的程序”,模板:< kendo-grid [kendoGridBinding] = " gridData "(高度)= " 410 "(可分页)= " {buttonCount: buttonCount信息:信息类型:类型、页大小:5、10、20,previousNext: previousNext}”(合适的)= " true " [groupable] = " true "(滤过性的)= " true "[页大小]= " 10 " > < kendo-grid-column字段=“联系名称> < ng-template kendoGridCellTemplate let-dataItem > < div class = " customer-photo [ngStyle] = " {backgroundImage: getUrl (dataItem.CustomerID)} " > < / div > < div class = "把客户名> {{dataItem。/ /kendo-grid-column>    ,风格:(.customer-photo{显示:inline-block;宽度:32像素;高度:32像素;这个特性:50%;background-size: 32 px 35 px;背景位置:中心中心;vertical-align:中间;行高:32像素;box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);margin-left: 5 px; } .customer-name { display: inline-block; vertical-align: middle; line-height: 32px; padding-left: 3px; }]})出口AppComponent{公共gridData:任何(]=客户;构造函数(){}公共getUrl(id:字符串){返回url (https://vwin德赢app下载demos.telerik.com/kendo-ui/content/web/Customers/$ {id}. jpg”);}}
进口{组件}“@angular /核心”;@组件({选择器:“我的程序”,模板:< kendo-chart[标题]= " chartOptions。标题“(传奇)= " chartOptions。传说" [seriesDefaults]="chartOptions.seriesDefaults" [series]="chartOptions.series" [valueAxis]="chartOptions.valueAxis" [categoryAxis]="chartOptions.categoryAxis" [tooltip]="chartOptions.tooltip"> })出口AppComponent{公共chartOptions={标题:{文本:国内生产总值增长率/国内生产总值年增长率/},传说:{位置:“底”},seriesDefaults:{类型:“区域”,区域:{:{风格:“顺利”}}},系列:({的名字:“印度”,数据:(3.907,7.943,7.848,9.284,9.263,9.801,3.890,8.238,9.552,6.855]},{的名字:“世界”,数据:(1.988,2.733,3.994,3.464,4.001,3.939,1.333,-2.245,4.339,2.727]},{的名字:“海地”,数据:(-0.253,0.362,-3.519,1.799,2.252,3.343,0.843,2.877,-5.416,5.590]}],valueAxis:{标签:{格式:“{0}%”},:{可见:},axisCrossingValue:-10},categoryAxis:{类别:(2002,2003,2004,2005,2006,2007,2008,2009,2010,2011],majorGridLines:{可见:},标签:{旋转:“汽车”}},工具提示:{可见:真正的,格式:“{0}%”}}}
进口{组件}“@angular /核心”;@组件({选择器:“我的程序”,模板:< div class = "行" > < div class = " col-6 " > < p >自动完成< / p > < kendo-autocomplete(数据)=(占位符)“listitem”=“你最喜欢的运动”> < / kendo-autocomplete > < / div > < div class = " col-6 " > < p >组合框< / p > < kendo-combobox(数据)=“listitem”(价值)=“篮球”> < / kendo-combobox > < / div > < div class = " col-6 " > < p > DropDownList < / p > < kendo-dropdownlist(数据)=“listitem”(价值)=“篮球”> < / kendo-dropdownlist > < / div > < div class = " col-6 " > < p >多选< / p > < kendo-multiselect(数据)=“listitem”[value]="value" [placeholder]="'你最喜欢的运动'"> 
})出口AppComponent{公共listitem:数组<字符串>=(“棒球”,“篮球”,“板球”,“曲棍球”,“足球”,“乒乓球”,“网球”,“排球”];公共价值=(“篮球”,“板球”];}
DemoGrid;
DemoCharts
DemoDropdowns
更多的演示vwin德赢app下载

需要把你的Angular应用提升到下一个级别吗?看看我们的Angular UI组件和文档,并注册免费试用,以获得专门的支持!

专门为Angular开发设计的UI组件。没有妥协。

把时间花在开发核心功能上,而不是UI组件上

Angular原生UI组件

我们在设计真正的Angular UI组件,而不是像其他供应商那样包装现有组件。我们致力于提供纯粹、高性能的UI组件,这些组件是为Angular从头构建的,没有任何jQuery依赖。此外,我们与Angular框架保持同步,支持Angular 9、10和11。

优秀的产品
支持

除了财富文档、演示、vwin德赢app下载教程和论坛,我们很自豪能提供客户喜爱的支持服务。支持选项包括从24小时在线支持到由产品实际工程师提供的4小时电话支持。

性能和速度

我们的组件是专门为Angular设计的,可以让你充分利用框架的原生性能,比如预先编译(AOT),角普遍呈现树摇晃

容易安装和
更新

Angular的Kendo UI是作为独立的、限定范围的npm包安装的。它很容易和不引人注目地获得最新的比特-不需要耗时的安装。此外,你可以在我们发布最新的比特后立即访问它们。

可访问性和定位

我们的UI组件是完全开箱即用的。我们支持这样的标准WAI-ARIA, Section 508和WCAG 2.1没有功能损失或额外的配置工作。组件可以是本地化您的用户的语言偏好。

灵活的主题和
ThemeBuilder

剑道用户界面有助于确保你的应用程序的工作很棒,看起来也很棒!使用我们的股票主题(包括材料引导)或根据你自己的设计定制它们。只要使用我们的网络ThemeBuilder应用轻松修改现有主题或创建新主题。

trust-radius-badge

Telerik和Kendo获得了多项TrustRadius“2021年最佳开发奖”

剑道UI赢了最好的特性集,最好的客户支持最好的可用性

trust-radius-badge

剑道UI获得2020 App开发平台最高评级奖项

剑道用户界面获得了TrustRadius的应用开发平台最高评级奖。查看完整列表在这里。

先进的角网格

Angular Grid (Datatable)的Kendo UI包括了一组现成的功能,涵盖了从分页、排序、过滤、编辑、分组到行虚拟化、导出为PDF和Excel,以及可访问性支持等所有方面。

了解更多关于我们的网格
Angular数据网格示例

引人注目的角图

剑道用户界面为Angular图表提供了高质量的图形数据可视化。它们包括各种图表类型和样式,具有广泛的配置选项。这种灵活性允许您快速、轻松地创建所需的精确图表,以满足您对功能和外观的特定需求。

了解更多关于我们的图表
Angular图表UI示例

所有Angular UI组件

升级到Telerik DevCraft完成

为任何项目和技术做好准备

通过获得1250 + . net和JavaScript UI组件来构建web、桌面和移动应用程序,可以节省高达50%的开发时间。

让钱花得值

享受Kendo UI(用于Angular、React、jQuery、Vue),以及用于。net应用开发的12种产品,嵌入式报告和模拟工具,同时节省高达90%的升级价格。

Angular UI的支持和学习

行业领先的支持服务支持全面的文件和学习资源。

truematter
成功的故事
“剑道UI对于我们的开发过程和设计过程来说是一种力量倍增器。剑道UI让我可以专注于我最擅长的事情,花更多时间设计用户体验,而不是在功能上浪费时间。”
Bekah大米,
设计/开发人员,truematter
观看视频

开发人员说什么

优秀的Jav德赢提现aScript组件,用于快速和高质量的web应用程序开发。剑道UI是非常容易使用,并很快得到结果。

GoranBajer
Goran Bajer 软件开发,Info Novitas Ltd。

在进入这个行业20多年后,我看到了许多框架来来往往,但Kendo UI是目前为止最适合混合/移动/原生应用的框架。不仅因为它使用方便,而且它和其他的软件也很好地配合。

GeovanniHudson
吉奥瓦尼哈德逊 PCYC高级Web/UI应用工程师

作为一名为国防部工作的开发人员,我们能够快速地将剑道UI集成到现有的c#应用程序中,为客户端提供他们甚至不知道自己想要的功能。这一举措主要节省成本约100万美元。我推荐剑道UI给任何想要用惊人的UI给客户留下深刻印象的人。
谢谢Telerik团队!

GeraldHirsch
杰拉尔德·赫希 前端开发商,美国政府
标志

从Angular的Kendo UI开始吧

剑道UI