2013-05-21 41 views
0

我有3個問題我可以使用角質js與kendoUi包裝?如果是的話如何?

  1. 我可以用角度js與kendoUi包裝?如果是的話如何?
  2. 如果我在同一個html標記上使用角度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. 代碼還有就是你需要包括劍道項目:https://github.com/kendo-labs/angular-kendo

  2. 會發生什麼事是,當用戶類型在一個自動完成中,選擇將被綁定到一個角度範圍項目。 「包裝器」是什麼使所有的綁定,並允許角度更新。

  3. 來自github:angular-kendo是AngularJS的一個指令,它通過Kendo UI聲明式初始化運行一個元素,允許您在AngularJS應用程序的上下文中充分利用Kendo UI。

您的運動員不包括位於上方鏈接的角度適配器。

下面是它的使用說明:http://kendo-labs.github.io/angular-kendo/#/simple

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

添加data-kendo和適當data-屬性。

+0

感謝您的迴應,但是當我嘗試第二點時,實際發生的事情是兩者都單獨工作,這意味着當我使用我的鍵盤自動完成和角度綁定工作,並且當我從自動完成列表比角綁定不起作用 – Novice

+0

你可以添加一個演示plunker? – lucuma

+0

分叉這個:http://plnkr.co/edit/knigGbcbedYVkGd1Vsfj然後如果你能得到一個工作演示。 – lucuma

相關問題