将Angular代码放在JQuery控件中

Question

我们有一个要放入Angular代码的kendo网格，这可能吗？

例如

<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中使用，因此页面将是Angular的99％，仅包含一些用于控件的JQuery

（编辑）这似乎与我想要的功能类似

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