我开始使用kendo&角度 - 免费版本 - 我有一个呈现和行为正常的页面,但在后台抛出错误。
我得到了 “未捕获的TypeError:在/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>
答案 0 :(得分:2)
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>