羽毛笔编辑器：检查 Angular 中内容的变化？

Question

我通过创建新的 quill 实例并创建自定义工具栏在 Angular 中实现了 quill 编辑器。

    this.quill = new Quill('#editor-container', {
        modules: {
            toolbar: '#toolbar-container'
        },
        theme: 'snow' // or 'bubble'
    });

我有一个“更新”按钮，可以调用更新 API。我需要检查 Quill 编辑器的内容是否已更改。我知道 quill.on('text-change'):

    this.quill.on('text-change', function(delta, oldDelta, source) {
        if (source == 'api') {
            console.log('An API call triggered this change.');
        } else if (source == 'user') {
            console.log('A user action triggered this change.');
        }
    });

但是，我不确定我应该把它放在哪里？ NgOnInit? NgAfterViewInit？我在 ngAfterViewInit 中创建了 quill 实例。我知道这可能是个愚蠢的问题。

任何帮助表示赞赏！谢谢！ :)

Answer 1

你可以把它放在模块/组件的构造函数中。