剣道UIを角2のコンポーネントに包み込む

Question

通常の剣道UIウィジェット（エディタ）ラッパーを角度2のコンポーネントにしようとしています。これは可能ですか？誰もそれをやったのですか？

は私が角度スイートの剣道UI 2を認識していて、私はすでにそれを使用していますが、不足しているウィジェットはまだアンギュラ2.

おかげ

Answer 1

だから、ここで一緒に使用できるのであればと思いまして私はどうしたのですか：

• 最初に私はIndex.htmlにjQueryを含めました。私はCDNリンクを使用しました。

• 私は必要な剣道UIスクリプトを手に入れました。私はhttp://www.telerik.com/download/custom-downloadを使ってより小さなファイルを作成しました。

<editor [text]="'Hello from the outside'" (onTextChanged)="editorTextChanged($event)" ></editor>

：

import { Component, Input, Output, EventEmitter, ElementRef, AfterViewInit } from '@angular/core'; 
 
declare var $: any; //inject jQuery 
 

 
@Component({ 
 
\t moduleId: module.id, 
 
\t selector: 'editor', 
 
\t template: ` 
 
\t \t <textarea>{{ text }}</textarea> 
 
\t `, 
 
}) 
 

 
export class EditorComponent { 
 
\t @Input() text: string; 
 
\t @Output() onTextChanged = new EventEmitter<string>(); 
 

 
\t constructor(private elem: ElementRef) { 
 

 
\t } 
 

 
\t ngAfterViewInit() { 
 
\t \t var ta = this.elem.nativeElement.children[0]; 
 
\t \t var self = this; 
 
\t \t $(ta).kendoEditor({ 
 
\t \t \t tools: [ 
 
\t \t \t \t "bold", 
 
\t \t \t \t "italic", 
 
\t \t \t \t "underline", 
 
\t \t \t \t "strikethrough", 
 
\t \t \t \t "justifyLeft", 
 
\t \t \t \t "justifyCenter", 
 
\t \t \t \t "justifyRight", 
 
\t \t \t \t "justifyFull", 
 
\t \t \t \t "insertUnorderedList", 
 
\t \t \t \t "insertOrderedList", 
 
\t \t \t \t "indent", 
 
\t \t \t \t "outdent", 
 
\t \t \t \t "createLink", 
 
\t \t \t \t "unlink", 
 
\t \t \t \t "insertImage" 
 
\t \t \t ], 
 
\t \t \t change: function() { 
 
\t \t \t \t self.onTextChanged.emit(this.value()); 
 
\t \t \t } 
 
\t \t }); 
 
\t } 
 
}

• は、その後、私はちょうどとしてそれを宣言し、それを使用する：

• は、それから私は、剣道ウィジェットをラップするコンポーネントを作成しました
  • 、その後、私はちょうどeditorTextChangedイベントを処理します。

  私はこれがまさしくAngularな方法ではないことを知っていますが、機能します。誰かがこれを行うより良い方法を持っている場合は、ここでそれを共有してください。

  ありがとうございました。