我可以使用angularjs与kendo Ui包装器?如果有,怎么样?

时间:2013-05-21 11:03:04

标签: angularjs kendo-ui kendo-asp.net-mvc

我有3个问题

  1. 我可以使用带有kendoUi包装器的角度js吗?如果是的话怎么样?
  2. 如果我在同一个html标签上使用角度js和kendo-all.min.js,请说我们将输入标签转换为自动完成,同时我们将它与ng-model绑定然后是什么他们可以相互产生的影响吗?
  3. 究竟是什么角剑侠?
  4. Point No-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>
    

1 个答案:

答案 0 :(得分:4)

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

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

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

    < / LI>

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

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

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

    添加data-kendo和相应的data-属性。