Я пытаюсь добавить планировщик kendoUI в существующее приложение AngularJS, но у меня есть некоторые проблемы, когда я должен его отобразить ... Я пробовал с версией jQuery, и она показывает, так что я уверен, что все необходимые CSS / js правильно загружены.
Чтобы попробовать, я скопировал образец из документации на странице, которую я использую
<div id="example" ng-app="KendoDemos">
<div ng-controller="MyCtrl">
<button class="k-button" ng-click="getSchedulerData()">Print Scheduler
data</button>
<div kendo-scheduler="myScheduler" k-options="schedulerOptions">
<span k-event-template class='custom-event'>{{dataItem.title}}</span>
<div k-all-day-event-template class='custom-all-day-event'>{{dataItem.title}}</div>
</div>
<script>
angular.module("KendoDemos", [ "kendo.directives" ]).controller("MyCtrl", function($scope){
var dataEvents = [
{ id:1, title:"theo@test.com", start: new Date(), end: new Date() },
{ id:2, title:"guest@test.com", start: new Date(), end: new Date() }
];
$scope.events = new kendo.data.SchedulerDataSource({
transport: {
read: function(options) {
options.success(dataEvents);
}
}
});
})
.directive( 'peopleScheduler',
function() {
return {
restrict: 'E',
replace: true,
scope: {
source: "=eventSource",
},
controller: function($scope, $timeout) {
$scope.schedulerOptions = {
date: new Date(),
dataSource: $scope.source
};
},
template: '<div kendo-scheduler k-options="schedulerOptions"></div>'
}
}
);
Первый вопрос, который у меня возник, касается ng-app ... Я искал в своем существующем приложении, и у меня не установлено значение ng-app, возможно ли это (пожалуйста, учтите, что я новичок в Angular, и я просто добавляю этот шаг в существующий код, который мне дали)
Видите ли вы там что-нибудь конкретное, что приводит меня к пустому содержанию для этой страницы?
Спасибо