angular - ngx-bootstrap modal - 通过 bsModalRef.content 访问传递到模态的数据

Question

我正在使用 angular 4 和 ngx-bootstrap 打开模式。一切正常，我通过组件实现模态。我还可以通过 bsModalRef 的 content 属性将数据传递到模态。像这样:

this.bsModalRef = this.modalService.open(MyComponent);
this.bsModalRef.content.somedata = [...some array of products];

这一切都很好，然后我的模式可以访问一个名为 somedata 的属性。极好的。我遇到的问题是我想对 somedata 执行一些计算。假设 somedata 是带有数量的产品列表，我希望模态将数量减少到单个值。我怎么知道模态类中的数据何时可用？我可以使用 setTimeout hack，它有效，但让我感到内心恶心。 ngx-bootstrap 实现了某种类似 ngOnChanges 的生命周期 Hook ，这样我就可以知道数据属性何时设置，以及何时更改？

Answer 1

您可以实现 setter 或方法

public set somedata(val) {
    // here you process data
}

请记住，this.bsModalRef.content 包含对话框组件的所有公共(public)成员(在您的例子中是 MyComponent)。