如何在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; 
});