剣道UI jQueryテンプレート（Angular 4）

Question

スケジューラウィジェットを使用するプロジェクト（Angular 4 + Kendo UI）に取り組んでいます。 Angular 2+バージョンは準備ができていないので、私は剣道UIのjQueryバージョンを使用することを余儀なくされました。ほとんどの場合、私は取得できますが、今はイベントテンプレートをカスタマイズしようとしていますが、Angular 4はテンプレート内のタグを受け付けないことに気付きました。したがって、私が使用しようとするとエラーが発生します：

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

私の質問は：アンギュラ2+で剣道UIのjqueryのを使用している場合、テンプレートを使用するように離れていますか？

ありがとうございます。

Answer 1

私はさまざまなオプションで遊んでいて、それを動作させることができました。

kendo.template（...）はテンプレートの内容を文字列として受け入れることができます。そのため、scriptタグを使用する代わりに、テンプレートのコンテンツを直接プラグインしました。ここで

スケジュールイベントツールチップのテンプレートを作成する方法について、例です：あなたが `あなたのようなマルチラインテンプレート文字列を囲むように使用することができます

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> 
 
      #}#`) 
 
     }); 
 
     
 
}

注意コンポーネントテンプレートの場合

おそらく、最良のアプローチではありませんが、それが私が見つけることができる唯一のものです。誰かがより良い解決策を持っているなら、ここでそれを共有してください。誰かが自分の人生:)

感謝の数時間を節約できます

希望。