0

我有 3 个问题

  1. 我可以将 Angular js 与 kendoUi 包装器一起使用吗?如果是的话怎么办?
  2. 如果我在同一个 html 标签上使用 angular js 和 kendo-all.min.js 假设我们正在将输入标签转换为自动完成,同时我们将它与 ng-model 绑定,那么可能会影响它们可以互相生产吗?
  3. 实际上角剑道是什么?

第 2 点的代码

<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script src="~/Scripts/Kendo/kendo.all.min.js"></script>

<script src="~/Scripts/angular/angular.js"></script>
<script src="~/Scripts/angular/app.js"></script>*@

<script type="text/javascript">

    $(document).ready(function () {
    var data = ["akshay", "tiwari", "ranjit", "swain"];
    $("#name").kendoAutoComplete({ dataSource: data });
})

</script>

<h2>KendoAngular</h2>

<div ng-app>
    <input id="name" type ="text" ng-model="yourName"/>
    <h2>{{yourName}}</h2>

</div>
4

1 回答 1

4
  1. 您需要包含一个剑道项目: https ://github.com/kendo-labs/angular-kendo

  2. 将会发生的是,当用户输入自动完成时,选择将绑定到角度范围项目。“包装器”是所有绑定并允许更新角度的原因。

  3. 来自 github:angular-kendo 是 AngularJS 的指令,它通过 Kendo UI 声明式初始化运行元素,允许您在 AngularJS 应用程序的上下文中充分利用 Kendo UI。

您的 plunker 不包括位于上面链接中的角度适配器。

以下是其使用说明:http: //kendo-labs.github.io/angular-kendo/#/simple

var app = angular.module('your-angular-app', ["kendo.directives"]);  // include directives

添加data-kendo和适当data-的属性。

于 2013-05-21T12:32:00.533 回答