如何在现有 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 管理，因此它们将被安装和包含。

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

How to use kendo-ui in an existing angularjs project

javascript

kendo-ui

angularjs