承诺中的角度发射不起作用

Question

在我的 Angular 项目中，我想在 .then 和 .catch 中发射，但它们确实会被调用。 .then 和 .catch 中的所有其他内容都会被调用。

当我在 Promise 之外发射时，它确实有效。

这是我的代码

updateAssignee(newAssignee: string) {
    this.storyService.updateAssignee(this.story, newAssignee).then(res =>{
      console.log('test')     //This one gets called
      this.onError.emit({     //This one does not get called
        error: false,
        errorText: ''
      });
    }).catch((error) => {
      console.log('test')     //This one gets called
      this.onError.emit({     //This one does not get called
        error: true,
        errorText: '• ' + error.message
      });
    });

    this.onError.emit({     //This one gets called
      error: false,
      errorText: '• Missing permissions'
    });
  }

是不是不能在 .then 和 .catch 内发射？还是我错过了什么？

加载这些组件的方式是通过 ngFor 循环。也许这会导致一些问题？

<span *ngFor="let story of done">
    <app-storyboard-story (onError)="throwError($event)" [story]="story" [project]="project" cdkDrag></app-storyboard-story>
</span>

Answer 1

更新

根据代码示例，ngFor 检测到更改并取消订阅子组件。

解决方案是实现trackByhttps://angular.io/api/common/NgForOf，这将有助于在更改done 时保留子组件的实例。

原创

在上面没有什么是坏的。您可以通过添加来验证它是否有效

this.onError.subscribe(console.log);

this.storyService 通话之前。

我建议您调查侦听器如何订阅和取消订阅并更改其流程，因为看起来它取消订阅（调用 ngIf 或其他从渲染中删除组件的方法）太早了。

使用提供的代码不可能给你更好的建议。