kendo ui 入门/角度错误 Uncaught TypeError

Question

我开始使用 kendo 和 angular - 免费版本 - 我有一个页面可以呈现和表现良好，但在后台引发错误。

我得到一个 /js/kendo.angular.min.js:16 中的“未捕获的类型错误：无法读取未定义的属性 'jQuery'”

我认为我有一个错误的依赖项/缺少一个，但我不确定是哪个。 kendo脚本和css来自核心下载页面http://www.telerik.com/download/kendo-ui-core

这是怎么回事？

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kendo With Angular</title>
<link href="kendo/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet" />

<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/angular.min.js"></script>
<script src="kendo/js/kendo.angular.min.js"></script>
<script src="kendo/js/kendo.ui.core.min.js"></script>

</head>
<body ng-app="KendoDemo">

<div ng-controller="Demo">
    {{hello}}

    <input kendo-date-picker k-ng-model="dateObject" />

    {{date | date:'fullDate'}}

    {{dateObject | date:'fullDate'}}
</div>
<script>

    angular.module('KendoDemo',['kendo.directives'])
           .controller('Demo', function($scope) {

        $scope.hello = 'Hello World';
    })

</script>
</body>
</html>

Answer 1

kendo.ui.core.js 脚本需要在 kendo.angular.js 脚本之前：

正确的脚本顺序

<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/angular.min.js"></script>
<script src="kendo/js/kendo.ui.core.min.js"></script>
<script src="kendo/js/kendo.angular.min.js"></script>