Angular OnChanges为输入变量触发,但变量未更新

Angular OnChanges为输入变量触发,但变量未更新,angular,typescript,Angular,Typescript,这是我尝试做的一件非常简单的事情,我以前从未遇到过这个问题,所以希望有人能解释我在这里做错了什么。我这里有一个简单的父子组件关系,输入变量进入ChildComponent 对于更多上下文,ChildComponent是引导模式。此外,我还有另一个ChildComponent,它使用输出EventEmitter将单击的对象发送到ParentComponent,作为输入发送到modal 至于这个问题,我已经实现了OnChanges,它可以很好地检测到对输入的更改,我可以看到这个对象被发送到模态组件中

这是我尝试做的一件非常简单的事情,我以前从未遇到过这个问题,所以希望有人能解释我在这里做错了什么。我这里有一个简单的父子组件关系,输入变量进入ChildComponent

对于更多上下文,ChildComponent是引导模式。此外,我还有另一个ChildComponent,它使用输出EventEmitter将单击的对象发送到ParentComponent,作为输入发送到modal

至于这个问题,我已经实现了OnChanges,它可以很好地检测到对输入的更改,我可以看到这个对象被发送到模态组件中。但是,当模态打开时,输入变量未定义。而且,当我关闭模态时,它仍然是未定义的。所以,在这条路上的某个地方,我做了一些错误的事情。以下是一些帮助代码:

发送初始对象的子组件

alertPopup(alert:Notification) {
  this.notifyAlert.emit(alert);
}
showPopup(alert:Notification) {
  this.selectedNotification = alert;
  this.$('#alert-modal').modal({backdrop: 'static'});
}
ParentComponent函数,该函数从ChildComponent接收对象,并将其发送到modal ChildComponent

alertPopup(alert:Notification) {
  this.notifyAlert.emit(alert);
}
showPopup(alert:Notification) {
  this.selectedNotification = alert;
  this.$('#alert-modal').modal({backdrop: 'static'});
}
以及我放置模式子组件的html,接收selectedNotification

<app-alert-popup [notification]="selectedNotification"></app-alert-popup>

所以,如果我不得不猜测这是某种时间问题,但我不知道如何解决这个问题。在ParentComponent selectedNotification变量更改后,我尝试添加1秒的睡眠时间,但也不起作用。我可以根据需要提供任何其他信息,谢谢您的帮助

嗯,答案与这些都没有任何关系。我在放置模态组件的html文件中做了一个更改,角度变化检测从未检测到,导致组件被渲染两次。不管出于什么原因,这都是问题的根源