angular - 在 ngx-bootstrap 模式中将参数发送到 onHide 事件

Question

我正在使用组件作为模板打开模态，一切正常，模态打开并且我正在订阅 onHide 事件，订阅也有效。

但我有一个挑战，我想发送一个具体的原因，例如:“消息添加成功”作为原因。我怎样才能做到这一点？如何发送特定字符串作为原因？

目前，我正在尝试在 MessageAddComponent 组件中设置一个值并使用 bsModalRef.Content 在父组件中访问它，但这不是一个好主意。

newMessage() {
    this.bsModalRef = this.modalService.show(MessageAddComponent, {
        class: 'modal-lg'
    });
    this.subscriptions.push(this.modalService.onHide.subscribe((reason: string) => {
        // i dont like this approach
        if (this.bsModalRef.content.anySuccessfulAction) {
            console.log('foo and bar')
        }
        this.unsubscribe();
    }));
}

Answer 1

为了简化您的订阅，您可以通过 .take() 或 first() 运算符创建“一次性”订阅:

this.modalService.onHide
    .pipe(take(1))
    .subscribe(() => {
        console.log(this.bsModalRef.content)
    });