Question

我正在尝试将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，我只是将这一步添加到已经提供的现有代码中）

您是否看到特别之处，导致该页面的内容空白？

谢谢

在angularjs现有应用程序中添加KendoUI Scheduler

0 个答案: