角度2コンポーネントでQuill Editorをどのように初期化しますか？

Question

私は自分のQuillエディタコンポーネントをAngular 2プロジェクトに実装しようとしています。私はプロジェクトにquillをインストールするためにnpmを使いました。私は自分のコンポーネントでワードカウンタアプリケーションを作成しようとしています。 https://quilljs.com/blog/building-a-custom-module/

HTMLコード：

<div id="editor"></div> 
<div id="counter">0</div> 

CSS：私は私のサービスを提供する場合

​​

：

body { 
    padding: 25px; 
} 

#editor { 
    border: 1px solid #ccc; 
} 

#counter { 
    border: 1px solid #ccc; 
    border-width: 0px 1px 1px 1px; 
    color: #aaa; 
    padding: 5px 15px; 
    text-align: right; 
} 

これは私のコンポーネントのコードである私はからコードを実装しようとしていますアプリケーション、私は受け取る：

quill Invalid Quill container #editor 

Answer 1

AngularライフサイクルをチェックしてQuill関連のものを呼び出すことができます。コンストラクタ（）内に配置すると、HTML要素がまだレンダリングされていないためエラーが発生する可能性があります。

あなたはngOnInit（）またはngAfterViewInit（）でそれらを入れて試すことができます

export class QuillComponent implements OnInit { 
    constructor() { 
    } 

    ngOnInit() { // Quill initialization and querying for elements here } 
} 

参考：https://angular.io/guide/lifecycle-hooks