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

时间:2015-01-14 15:57:21

标签: javascript angularjs kendo-ui

我是AngularJS的新手。我正在尝试在我的项目中使用Kendo-ui-core。我正在使用Yeoman,grunt,node&亭子。

我已经从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'])

问题是我没有错误,但我也没有!只是普通的输入标签

知道我在这里缺少什么吗?!!它有什么问题?!

1 个答案:

答案 0 :(得分:1)

它现在正在工作:)

我已经习惯了剑道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包下载的那些。

或者如果你正在使用凉亭,那么只需使用&#34; bower install kendo-ui-core -save&#34;如上所述:https://github.com/kendo-labs/bower-kendo-ui#about-kendo-ui-core然后甚至不再需要来自CDN(上面提到的)的脚本,所以只需删除它们,因为所有内容都将由bower管理,因此它们将被安装和包含。