如何在AngularJS指令中包装kendoAutoComplete

我试着把kendoAutocomplete包装成一个角度指令。问题是我收到了以下错误消息：TypeError:“undefined”不是函数（计算“e（data）”）

你知道问题的原因是什么吗

<input id="selectDomain" select-kendo=""/>

-----

var kendo = angular.module('kendo',[]);

kendo.directive('selectKendo', function () {

    var data = [
        "Sweden",
        "Switzerland",
        "Turkey",
        "Ukraine",
        "United Kingdom",
        "Vatican City"
    ];

    return {

        restrict: 'A',

        scope: {
        },

        link: function (scope, element) {

            console.log(element);

            $(element).kendoAutoComplete({
                dataSource: data,
                filter: "startswith",
                placeholder: "Domain",
                separator: ", "
            });
        }
    }
});

-----
var kendo=angular.module（'kendo'，[]）；
指令（'selectKendo'，函数（）{
风险值数据=[
“瑞典”，
“瑞士”，
“土耳其”，
“乌克兰”，
“联合王国”，
“梵蒂冈城”
];
返回{
限制：“A”，
范围：{
},
链接：功能（范围、元素）{
控制台日志（元素）；
$（元素）。kendoAutoComplete({
数据源：数据，
过滤器：“startswith”，
占位符：“域”，
分隔符：“，”
});
}
}
});

错误发生在哪里？我的意思是上面代码中的哪一行？以这种方式进行调试时，请确保使用非精简的源文件。stacktrace将包含可以检查的行，这些行具有函数和变量名，以帮助我们了解发生了什么错误。当我向数据数组中存在的输入控件中输入某些内容时，错误就会发生。工作正常现在在我家的电脑上。我不知道为什么我办公室的电脑不工作。