剑道UI jQuery模板与Angular 4

Question

我正在处理一个需要使用调度程序小部件的项目(Angular 4 + Kendo UI(。 由于 Angular 2+ 版本还没有准备好，我被迫使用 jQuery 版本的 Kendo UI。 在大多数情况下，我能够过得去，但现在我正在尝试自定义事件模板，我意识到 Angular 4 不接受其模板中的标签，因此如果我尝试使用，我会收到错误：

<script id="template" type="text/x-kendo-template">
...
</script>

我的问题是：在 Angular 2+ 中使用 kendo ui jquery 时是否可以使用模板？

谢谢。

Answer 1

我正在尝试不同的选项并设法使其工作。

事实证明，kendo.template(...( 可以接受模板内容作为字符串。因此，我没有使用脚本标签，而是直接插入模板内容。

下面是有关如何为计划事件工具提示创建模板的示例：

ngAfterViewInit(): void {

$("#scheduler").kendoTooltip({
filter: ".k-event:not(.k-event-drag-hint) > div, .k-task",
position: "top",
width: 250,
content: kendo.template(`#var element = target.is(".k-task") ? target : target.parent();#
#var uid = element.attr("data-uid");#
#var scheduler = target.closest("[data-role=scheduler]").data("kendoScheduler");#
#var model = scheduler.occurrenceByUid(uid);#
#if(model) {#
#=model.description#
#} else {#
<strong>No event data is available</strong>
#}#`)
});

}

请注意，您可以使用 ' 将多行模板字符串括起来，就像对组件模板一样。

可能不是最好的方法，但它是我能找到的唯一有效的方法。 如果有人有更好的解决方案，请在这里分享。

希望能挽救某人几个小时的生命:)

谢谢。