剑道角度指令

时间:2016-11-10 18:44:16

标签: angularjs kendo-ui

我正在使用Angular 1.5。*和Kendo UI。我正在关注文档,并完成了Telerik网站上的所有建议步骤:

  1. 包括kendo脚本和样式
  2. 将kendo.directives添加到我的角度模块
  3. 在标记中使用kendo- [directive]语法
  4. 一切都很好,但是当我尝试与小部件交互时,我收到以下错误: 未捕获的TypeError:f.getClientRects不是函数(...)

    这就是我的标记:

    
    
    <input kendo-date-picker ng-model="model.user.dob" />
    &#13;
    &#13;
    &#13;

    当我尝试使用定义为:

    的下拉列表时,会发生同样的错误

    &#13;
    &#13;
    <select kendo-drop-down-list k-data-source="model.languages" ng-model="model.user.language"></select>
    &#13;
    &#13;
    &#13;

    我已经使用剑道多年了,但是我第一次将它与Angular一起使用并感到有些迷失:)

    我错过了什么?任何帮助将不胜感激。

    谢谢

2 个答案:

答案 0 :(得分:1)

我会确保你有正确的依赖顺序的剑道脚本

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="./bower_components/angular/angular.min.js"></script>
<script src="js/kendo.all.min.js"></script>

可能适用于旧版kendo的另一件事是尝试弃用的angular-kendo npm包

<script src="./bower_components/angular-kendo/angular-kendo.js"></script>

或者,它可能是由动画引起的,所以尝试使用angular-animate npm包:

<script src="./bower_components/angular-animate/angular-animate.js"></script>

您可能想要检查的另一件事是进入Kendo DatePicker的日期

$scope.model.user.dob = new Date('2016-06-01T04:00:00');

答案 1 :(得分:0)

事实证明,问题出在我使用的剑道版本中。一旦我升级到最新版本,一切都恢复正常。