如何在现有的 angularjs 项目中使用 kendo-ui

Question

我是 AngularJS 的超级新手。我正在尝试在我的项目中使用 Kendo-ui-core。我正在使用 Yeoman、grunt、node 和 bower。

我已经从 http://www.telerik.com/kendo-ui/open-source-core 下载了 kendo-ui-core 的预配置 zip 包

我已将这些添加到 .html

<link href="styles/kendo-styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo-styles/kendo.default.min.css" rel="stylesheet" />

<script src="scripts/kendo-scripts/jquery.min.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="scripts/kendo-scripts/kendo.core.min.js"></script>
<script src="scripts/kendo-scripts/kendo.angular.min.js"></script>

也在体内

<label>Birthday: <input kendo-date-picker /></label>

在 app.js 中，我为“kendo.directives”添加了一个依赖项

angular.module('myApp', [ 'kendo.directives',
'ngAnimate',
'ngCookies',
'ngResource',
'ngRoute',
'ngSanitize',
'ngTouch',
'restangular',
'ngDialog',
'bgDirectives'])

问题是我没有错误，但我什么也没有！只是普通的输入标签

知道我在这里缺少什么吗？！怎么了？！

Answer 1

它现在正在工作:)

我已经习惯了这里提到的 Kendo CDN 的脚本：https://github.com/telerik/kendo-ui-core/#using-kendo-ui-core-via-the-kendo-static-cdn

<link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://cdn.kendostatic.com/2014.2.716/js/jquery.min.js"></script>
<script src="bower_components/angular/angular.js"></script> 
<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.ui.core.min.js"></script>

而不是从预先配置的 zip 包中下载的那些。

或者如果您使用的是 bower，那么只需使用此处提到的“bower install kendo-ui-core -save”：https://github.com/kendo-labs/bower-kendo-ui#about-kendo-ui-core，然后包含来自 CDN 的脚本（如上所述）是甚至不再需要，所以只需删除它们，因为所有内容都将由 bower 管理，因此它们将被安装和包含。