Question

我在AngularJS指令中包含以下kendoDatePicker;该指令应该显示选择器打开日历，但它没有。这段代码出了什么问题？ This is the plunk

HTML：

<dir2></dir2>

使用Javascript：

var app = angular.module("app", [ "kendo.directives" ]);

    function MyCtrl($scope) {

}



app.directive('dir2', function() {

     var directive = {};

     directive.restrict = 'A';

     directive.template = '<input kendo-date-picker="picker" />';

     directive.link = function (scope, element, attrs) { 

         scope.picker.open();

     };

   return directive;
});

Answer 1

你应该定义directive.restrict ='E'而不是'A'。

'A'表示属性，'E'表示元素。

app.directive('dir2', function() {

     var directive = {};

     directive.restrict = 'E';

     directive.template = '<input kendo-date-picker="picker" />';

     directive.link = function (scope, element, attrs) { 

         scope.picker.open();

     };

   return directive;
});

Answer 2

这是解决方案：

在哪里说

    scope.picker.open();

应该说

    $timeout(function() {  
          scope.picker.open();
    }, 1);

如何在AngularJS指令链接中声明Kendo UI对象

2 个答案: