Javascript 剑道多年历

我试图创建一个angular指令来管理网页上的3个剑道日历。我们的想法是让它突出显示未来3个月的活动日期。我们没有机会访问日历中可用的剑道方法，特别是导航。对剑道UI元素的最佳实践有很好的了解，建议如下：

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

<script>
    function HomeCtrl($scope) {

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

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

---

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

尝试在范围中创建容器对象，然后 设置剑道名称，如下所示：

在控制器中： 在html中： 希望能有帮助

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

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

$scope.container = {};

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