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

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

这是解决方案：

在那里说

scope.picker.open(); 

应该说

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

Answer 2

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

'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; 
});