Размещение углового кода внутри элемента управления JQuery

Question

У нас есть сетка кендо, в которую мы хотим поместить код Angular, возможно ли это?

например

<div #theGridEl></div>

// в компоненте

@ViewChild('theGridEl')
theGrid: ElementRef;

ngAfterViewInit()
{
    this.kendoGrid = kendo.jQuery(this.theGrid.nativeElement).kendoGrid({
       columns: [
          someColumn: SomeTemplate
       ]
    });
}

function SomeTemplate(model)
{
    // return angular code from here, possibly formControlName?
}

(Почему?)

У нас есть существующее решение, которое использует JQuery и Kendo UI, мы хотим использовать Angular для некоторых новых страниц.

Мы знаем, что Kendo UI имеет Angularверсия, но мы не можем использовать ее, потому что некоторые элементы управления (например, DatePicker) выглядят по-разному между двумя версиями, и у нас не может быть элементов управления, выглядящих по-разному в одном решении.Также наше существующее решение использует Less, а не Sass, а версия Angular использует только Sass

Kendo UI JQuery работает внутри Angular, поэтому страница будет на 99% угловатой, с небольшим количеством JQuery для элементов управления

(Правка) Это похоже на то, что я хочу

https://hackernoon.com/wrap-any-jquery-plugin-with-angular-2-component-case-study-8b00eacec998