共享公用事业/AngularJS指令

AngularJS指令概述

剑道UI的jQuery剑道图像
新的剑道UI的jQuery?

jQuery的剑道UI是一个具有 110+ 组件的专业级UI库，用于构建现代和功能丰富的 应用程序。要想尝试一下，注册一个30天的免费试用。

免费下载试用版

从R2 2022开始，Kendo UI团队正式放弃对AngularJS 1的支持。x通过剑道UI jQuery。这不会影响Angular的Kendo UI (2+)套件。

本文介绍了为jQuery和AngularJS 1.x集成剑道UI的基础知识。

如果你正在使用更新版本的Angular(2.0+)进行开发，Angular的剑道UI提供了100多个原生Angular组件。

开始

Kendo UI与AngularJS无缝结合。可以通过AngularJS指令为剑道UI小部件集成这两个框架。这些指令是产品发布的一部分，由剑道UI团队正式支持。这样，你就可以受益于AngularJS中可用的特性，比如声明性数据绑定、路由、表单验证等，并在构建项目时使用它们。

AngularJS项目中剑道UI小部件的初始化并没有被设计成与剑道UI服务器包装器相结合。使用包装器相当于jQuery插件语法初始化．要用AngularJS创建Kendo UI小部件实例，不要为这些实例使用服务器包装器。另外，这两个框架有一些重叠的特性，比如Angular绑定和Kendo UI MVVM，它们不能混合使用。

剑道UI AngularJS指令的基本用法

AngularJS绑定被集成到剑道UI中。

  • 如果您正在使用其中一个包，例如kendo.all.min.js，所需的代码已经存在。
  • 如果您加载单个剑道UI文件，也加载kendo.angular.js或kendo.angular.min.js．之后再装kendo.core.js．

  • 要激活Angular绑定，请加载angular.js加载Kendo UI之前，按照以下顺序加载脚本。

  • 也加载Kendo UI样式表。在创建AngularJS应用程序时，声明一个依赖“kendo.directives”．

    Var app = angular。Module ("your-angular-app"，["剑道。指令”);

引用小部件

您可以使用以下任何一种方法来引用小部件:

  • 中获取实例控制器要从控制器调用小部件上的方法，有时可能需要对小部件的引用。要得到这个，给kendo-widget-name属性。

  • 使用标签指令-作为剑道UI Q1 2015发布，如果你使用标签指令变体，您可以设置k-scope-field达到同样的目的。

  • 在链接功能中设置选项-在剑道UI Q2 2015版本中，小部件的超时初始化被删除了。要将小部件的选项设置为自定义指令的link函数的一部分，使用k-ng-delay和超时．