资讯频道 → Web前端
阅读更多

0顶
0踩

Web前端

原创新闻 Kendo UI和AngularJS常见问题解析

2015-04-24 10:13 by 副主编 mengyidan1988 评论(0) 有5812人浏览
Kendo UI AngularJS 前端开发

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

AngularJS，炙手可热，Kendo UI集成了AngularJS。Kendo UI如何与AngularJS协作开发？开发者在使用两者过程中有哪些困惑？……本文总经了开发者在使用Kendo UI和AngularJS进行开发时最常见的问题，并给出了总结回答。
AngularJS中的指令是什么？如何将Kendo UI与之集成？

AngularJS中的指令（Directive）是一种预定义的HTML约定，在AngularJS编译HTML模板时，编译器会根据这些指令来对HTML进行特定的处理。因为Kendo UI附带了一组自定义的AngularJS指令，所以你可以使用它的HTML属性（即指令）来创建一些Kendo UI的控件。

举个例子，如果要在AngularJS应用中创建一个日期选择控件，你只需要在<input>元素上添加自定义指令（属性）“kendo-date-picker”。当AngularJS HTML编译器在<input>元素上发现这个指令（属性）时，就会调用对应的provides来生成一个Kendo UI 日期选择控件。
使用Kendo UI的AngularJS指令需要多少钱？

Kendo UI的核心指令集是免费且开源的。开发者可以在这里获得源码：Kendo UI 核心 组件GitHub仓库。然而，并非所有Kendo UI 控件都是免费用于商业用途的。如果你想在AngularJS应用中使用Kendo UI专业版，你需要获得一个Kendo UI专业许可证（每个开发者最低需要699美元）。如果你想知道哪些控件是开源免费，哪些是需要许可证的，请参照此表：核心组件VS专业组件对照表。

Kendo UI需要依赖AngularJS才能运行吗？

Kendo UI并不依赖于AngularJS。然而，你应该知道Kendo UI指令已经集成到kendo.ui.core.js 和 kendo.all.js文件中了。但是，如果你是通过引入单个独立的控件脚本文件来使用，Kendo UI指令默认是不会集成进来的。你需要再引入指令脚本文件（即kendo.angular.js）才行。
Kendo UI支持AngularJS的哪些版本？

Kendo UI 2014.3.1119版本（即2014年的第三次发行版），可以支持到AngularJS 1.3.x。

Kendo UI支持AngularJS 2.0吗？

这个问题已经被列入了AngularJS 2.0的开发计划中，但还没有开始执行。我们跟大家一样都很期待和关注。最终的结果是，Kendo UI可以支持AngularJS 2.0。

使用AngularJS指令需要依赖于JQuery吗？

虽然AngularJS可以不依赖于JQuery，但是Kendo UI不行。所以想要让Kendo UI正常工作必须要引入JQuery，因此Kendo UI的指令肯定需要依赖于JQuery了。
AngularJS会取代Kendo UI的SPA和MVVM吗？

不会。虽然Kendo UI 提供了它自己的templating，views，routers，layout，和MVVM工具，但我们并不打算让AngularJS完全取代这些功能，这样Kendo UI就会完全依赖于AngularJS才能运行。创建Kendo UI指令的目的，是为了帮助AngularJS使用者以AngularJS的思维方式来构建高效、快速运行的应用，而不是强制让那些不使用AngularJS的人来使用AngularJS。

如何才能使用Kendo UI AngularJS 指令？

如果你的应用引入了kendo.ui.core.min.js 或kendo.all.min.js 文件，那么你就可以直接用了。正如前面提到的，Kendo UI AngularJS指令已经集成到了这些文件中，你所要做的就是包含angular.js文件来让Kendo UI和Angular一起工作。 
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <!-- 2.0.x -->  
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <!-- 1.3.0 -->  
<script src="http://cdn.kendostatic.com/2014.3.1411/js/kendo.all.min.js"></script> <!-- directives already included -->

谁在维护和支持Kendo UI AngularJS指令？

这些指令的开发、维护和支持工作不依赖于任何第三方组织和社区，由Kendo UI团队直接负责这些工作。

Kendo UI提供的所有东西都能和AngularJS兼容吗？

Kendo UI提供了一些与AngularJS相重复的功能，这些功能不应当和AngularJS一起使用。举个例子，当你使用Kendo UI和AngularJS时，应当避免使用Kendo UI的以下功能：

所有的Kendo UI控件都有相应的AngularJS指令吗？

是的。你可以通过控件的名称（比如kendoDatePicker() ）来推断出指令的名称。将控件名中驼峰部分的大写字母变成小写，然后在两个单词之间用破折号隔开，就得到了与之对应的指令名称（比如kendo-date-picker）。

Kendo UI移动端控件也支持AngularJS吗？

是的。我们还写了一篇详细的教程来说明它是如何运作的：“使用Kendo UI Mobile和AngularJS”。

还遗漏了哪些问题？

不可能预料到所有会出现的问题。所以如果关于Kendo UI 和AngularJS还有什么疑问，可以在本文的评论部分自由的发表你的观点，届时CSDN会找相应的专家来解答。（编译：李全峰，审校：陈秋歌）

原文链接：AngularJS and KendoUI - Your Questions Answered
0
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 【MVC】AngularJs+KendoUI开发报表Demo（导出Excel和折线图）

    1.布局 引入样式和js 2.控制器 public class KendoController : Controller {

  • AngularJS 和 KendoUI 相关问题解答

    原文地址：http://java.dzone.com/articles/angularjs-and-kendoui-your 原作者 Cody Lindley 时间：04.05.2015 原文内容： 2015 AngularJS 大会于盐湖城举行，. Jen Looper 和 我 受邀参加了此次会议，并且回答了...

  • Telerik/Kendo UI示例/使用教程/视频教程等你来体验

    为解决大家找资源难的问题，EVGET联合Telerik中文网盘点热门的Telerik、Kendo UI控件使用资讯、Demo示例、视频资源，以及各种教程推荐等。更多下载及资讯也可以在Telerik中文网中找到，及时了解最新动态&gt;&gt; ...

  • Kendo UI for jQuery使用教程：使用MVVM初始化（二）

    Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库。 您可以通过数据属性...

  • Kendo UI最强干货|使用教程、实用示例、视频等你来体验！

    为解决大家找资源难的问题，EVGET联合Telerik中文网盘点热门的Kendo资讯、Demo示例、视频资源，以及各种教程推荐等。 一、Kendo UI视频教程集合篇 Telerik Kendo UI系列是跨平台的HTML5/JS开发框架，凭借其优良...

  • Kendo UI Professional Q3 2015 Beta发布[附下载]

    Kendo UI集合了创建现代Web和移动应用所需的所有功能。整个包包含70+基于jQuery的响应式UI组件，一个MVVM框架，自定义主题、模板等等。不仅如此，Kendo UI Professional整合了之前的 Kendo UI Web 、 Kendo UI ...

  • 对比AngularJS/jQueryUI/Extjs：没有一个框架是万能的

    AngularJS不能做什么？对比Angular/JSjQueryUI/Extjs 框架就好比兵器，你得明白你手里拿的是屠龙刀还是倚天剑，刀法主要是砍，剑法主要是刺。对于那些职业喷子和脑残粉，小僧送你们两个字：呵呵；同时祝你幸福，...

  • EasyUI加zTree使用解析 easyui修改操作的表单回显方法 验证框提交表单前验证 datagrid的load方法

    EasyUI和zTree使用方法和功能加到注解中了,方便查阅和复制 &lt;! DOCTYPE html &gt; &lt; html &gt; &lt; head &gt; &lt; meta charset ="UTF-8" &gt; &lt; title &gt; BOS管理系统 首页 title &gt; &lt; link href ="favicon.ico" ...

  • 如何在Angular框架中更好地使用字体？一篇文章解答！

    PS：Kendo UI致力于新的开发，来满足不断变化的需求，通过React框架的Kendo UI JavaScript封装来支持React Javascript框架。Kendo UI for Angular是专用于Angular开发的专业级Angular组件，telerik致力于提供纯粹的...

  • Angularjs bootstrap jquery jquery easyUI extjs 详解

    AngularJS不能做什么？对比Angular/JSjQueryUI/Extjs ...1.angularjs ...html和js之间的数据衔接层，可以操控html元素（数据...用于页面布局样式设计，CSS等，与数据无关，是一种UI设计工具，一般搭配angularjs使用。

  • AngularJS - 使用RequireJS还是Browserify？

    AngularJS - 使用RequireJS还是Browserify？ AngularJS之所以吸引了很多开发者的关注，很大一部分原因是因为它为你如何架构你的应用提供了一种选择。通常来说，很多的选择并不是什么好事，因为觉得多数开发者并不...

  • UI控件Telerik UI for JSP发布R3 2018 SP1|附下载

    Telerik UI for JSP拥有由Kendo UI for jQuery支持的40+ JSP组件，同时通过Kendo UI for jQuery的支持能使用JSP封装包构建现代的HTML5和JavaScript站点及移动应用程序。Telerik UI for JSP拥有创建基于JavaScript和...

  • 前端UI框架的认识

    jqxWidgets 是一个复杂的、创新的 UI 部件库，基于 jQuery 开发，可让用户开发非常专业的、跨浏览器支持的 Web应用，主要特点： Feature complete widgets for jQuery Rich functionality and great performance....

  • UI控件Telerik UI for ASP.NET MVC发布R1 2019 SP1|附下载

    UI for ASP.NET MVC拥有使用JavaScript和HTML5构建网站和移动应用所需的70+UI部件，来满足开发者的各种需求，提供无语伦比的开发性能和用户体验。它主要是针对专业级的 ASP.NET开发，通过该产品的强大功能，开发者...

  • UI工具集Telerik UI for ASP.NET Core发布R3 2018|附下载

    Telerik UI for ASP.NET Core是用于跨平台响应式Web和云开发的最完整的UI工具集，拥有超过60个由Kendo UI支持的ASP.NET核心组件。它的响应式和自适应的HTML5网格，提供从过滤、排序数据到分页和分层数据分组等100多...

  • 【CCF-GESP认证】官方资源与知识点指南：涵盖Python/C++/Scratch编程学习及备考策略

    内容概要：本文详细介绍了CCF-GESP认证的学习资源与知识点指南，分为官方资源与平台、知识点学习与解析、备考策略与工具、实战项目与进阶资源以及学习工具推荐五个部分。官方资源包括CCF数字图书馆提供的免费真题库、一站式学习平台和GESP官网的最新真题下载及考试环境说明。知识点学习部分涵盖Python、C++和图形化编程（Scratch）的核心内容与实战案例。备考策略方面，提出了基础、强化和冲刺三个阶段的分阶段计划，并强调了在线题库模拟测试与社区交流的重要性。实战项目与进阶资源则为不同编程语言提供了具体的应用场景，如Python的智能客服机器人和C++的并行编程与嵌入式开发。最后，推荐了多种学习工具，如代码编辑器VS Code、模拟考试平台和社区支持渠道。 适合人群：准备参加CCF-GESP认证考试的考生，特别是对Python、C++或Scratch编程语言有兴趣的学习者。 使用场景及目标：①帮助考生系统化地学习官方资源，熟悉考试形式和内容；②通过分阶段的备考策略，提高应试能力和编程技能；③利用实战项目和进阶资源，增强实际编程经验和解决复杂问题的能力。 阅读建议：建议考生按照文章中的分阶段备考策略逐步推进学习进度，充分利用官方提供的资源进行练习和模拟测试，并积极参与社区交流以获取更多备考经验和疑难解答。

  • natsort-5.0.0.tar.gz

    该资源为natsort-5.0.0.tar.gz，欢迎下载使用哦！

  • matlab-交直流变换器供电的直流电机驱动仿真

    这是一个单相/三相交直流变换器的直流电机驱动仿真

  • 汽车电子领域UDS协议栈源代码解析与应用：V公司的高效实现方案

    内容概要：本文深入探讨了V公司在汽车电子领域的UDS（统一诊断服务）协议栈源代码实现。详细介绍了从诊断会话控制到刷写服务的各种功能模块，重点讲解了关键技术和设计思路，如状态机切换、CRC校验、内存管理和安全访问机制。文中还分享了一些实用技巧，如硬件抽象层设计、动态缓存池、函数指针数组用于服务分发等。此外，文章提到了一些潜在的集成挑战和最佳实践，强调了配置驱动架构的优势以及如何避免常见错误。 适合人群：从事汽车电子开发的技术人员，尤其是对UDS协议栈感兴趣的工程师和技术主管。 使用场景及目标：帮助开发者理解和掌握UDS协议栈的设计与实现，提高车载ECU开发效率，减少量产项目的翻车风险。适用于希望深入了解汽车诊断协议栈内部运作机制的专业人士。 其他说明：文章不仅提供了理论知识，还有大量实际代码片段作为示例，便于读者更好地理解和应用。同时，作者建议读者在实践中结合自身需求进行适当调整，以达到最优效果。

Global site tag (gtag.js) - Google Analytics