PouchDB 更改仅在第二次单击后触发

PouchDB changes fires only after the second click

我在 Ionic 4 中使用 PouchDB 数据库。我尝试构建一个更改侦听器。如果我创建一个新文档,我的列表应该知道并自动刷新。

我试过的

checkForChanges() {
  this.pdb.changes({
    since: 'now',
    live: true,
    include_docs: true,
  }).on('change', (change) => {
    console.log(change);
    if (change.doc) {
      return this.publishers;
    }
  })
}

我触发此代码并提交表单以创建新文档。问题: console.log 在第二次点击后触发。为什么?

可能是一条重要信息:我是通过模态对话框执行此操作的。

我的提交功能

create(publisher) {
  return this.pdb.post(publisher).then(() => {
    this.checkForChanges();
  });
}

你有什么想法吗?

db.changes 应该在页面加载时初始化,而不是在用户单击提交按钮时初始化。