在现有的Angular应用程序上集成KendoUI

Question

我对Angular还是很陌生，我继承了一个用angular 1.4.7制作的项目，并尝试添加以前的开发人员遗漏的缺失功能。

基本上发生的是KendoUI小部件没有显示。为简单起见，我添加了一个this sample显示的kendo数字文本框。主要区别在于，在我现有的应用程序中，我有一个页面来呈现内容，而不是带有HTML正文标签的dojo的代码段。

我的cshtml页面很简单

<md-toolbar layout="row">
<div class="md-toolbar-tools">
    <div>Calendario</div>
    <div flex>&nbsp;</div>
    <md-button class="md-raised" ng-click="nuovoEventoCalendario($event);"><i class="fa fa-plus"></i> Crea evento</md-button>
</div>

    

<script>
  angular.module("app", ["kendo.directives"]).controller("MyCtrl", function($scope) {
});

现在的结果如下

您可以看到那里没有kendoui ...

我已检查并正确加载了kendo js / css文件

我已将这些捆绑包添加到BundleConfig.cs中

   private static void AddKendoBundles(BundleCollection bundles)
    {
        var stylebundles = new StyleBundle("~/bundles/kendo/css").Include(
        "~/Content/kendo/2017.3.1026/kendo.common.min.css",

        "~/Content/kendo/2017.3.1026/kendo.rtl.min.css",
        "~/Content/kendo/2017.3.1026/kendo.silver.min.css",
        "~/Content/kendo/2017.3.1026/kendo.mobile.all.min.css"
        );

        bundles.Add(stylebundles);

        var scriptbundle = new ScriptBundle("~/bundles/kendo/js").Include(

       //  "~/Scripts/kendo/2017.3.1026/angular.min.js",
         "~/Scripts/kendo/2017.3.1026/kendo.all.min.js",
       //  "~/Scripts/kendo/2017.3.1026/kendo.angular.min.js",

         "~/Scripts/kendo/2017.3.1026/kendo.timezones.min.js",
         "~/Scripts/kendo/2017.3.1026/js/jszip.min.js"
            );
        scriptbundle.Orderer = new FileOrderBundleOrderer();
        bundles.Add(scriptbundle);

    }

我出于某种原因认为未应用剑道指令。

我应该从哪里开始寻找任何建议？ 有什么方法可以检查kendo.directives是否正确加载？

预先感谢