Question

我正在尝试创建一个角度指令，用于管理网页上的3个kendo日历。我们的想法是让它突出显示未来3个月的活动日期。我们没有幸运能够访问日历可用的kendo方法，特别是navigate（）。 Burke Holland对于剑道UI元素的角度最佳做法有一个很好的article，并建议如下：

<div kendo-grid="grid" ...></div>

<script>
    function HomeCtrl($scope) {

     $scope.refresh = function() {
     // scope.grid is the widget reference
     $scope.grid.refresh();
     }
}
</script>

但这不适用于包含家庭控制器的home.js文件。

这是html

<div kendo-calendar="calendar1" data-k-options="homevm.calendar1Config"></div>

这是控制器代码。

        $scope.navigate1 = function (date) {
            $scope.calendar1.navigate(date);
        }

创建了一个对象，但$scope.calendar1在运行时未定义。

我们有几种方法可以访问kendo日历对象以调用navigate()方法，但只是在html内联脚本中使用JQuery取得了成功。我们尝试使用document.createElement()创建kendo日历并将其保存在集合中，但它是一个javascript简单元素对象，没有kendo日历。有谁知道我们如何将其作为一个剑道日历？或者在角度控制器中获取对kendo日历对象的引用？或者也许有人为角度的多日历对象做了指令吗？

Answer 1

尝试在范围内创建容器对象，然后将剑道名称设置为：

控制器中的

：

$scope.container = {};

html中的

：

<div kendo-calendar="container.calendar1" data-k-options="homevm.calendar1Config"></div>

希望有所帮助

Angndo中的剑道多日历

1 个答案:

：

：