Javascript 更新已降级为AngularJS并在两个不同位置重新使用的角度组件的更改

我有一个角度组件，我已经降级，所以它可以在AngularJs中使用。在弹出的模态对话框中使用，降级成功，组件按预期运行，但唯一的问题是当模态对话框关闭时，这些更改不会反映在角度组件中

每次组件运行时以及打开“模型”对话框时，Ngonit生命周期都用于异步数据

在应用程序视图中，组件处于角度环境中，使用方式如下：

<interaction-component [interactionComponentData] = "data"></interaction-component>

<interaction-component [interaction-component-data] = "data"></interaction-component>

---

然后，ngOnIt发出请求，使用toggleClick方法应用更改

我在这里试图实现的是，当模式对话框打开时，当interactionComponent中的按钮被单击时，两个组件都被更新。在模式弹出对话框中和模式弹出对话框外部。请注意，在模态对话框中，组件降级，在模态弹出对话框之外，组件降级

---

使用

[interactionComponentData]=“data”

是

数据

一个原语还是一个对象？它是一个对象，让我困惑的是，我会想（AngularJs将自动更新组件的两种用途，但在本例中，它会自动更新。可能是我使用的实现不允许发生这种情况，

ngOnInit

中的代码分配一个原语？请显示

ngOnInit

的代码。以及按钮的单击处理程序的代码。更改为ap取决于toggleClick方法，该方法执行许多操作，增加计数，切换为：true | | false。然后与服务器通信并进行PUT。下面是该方法自身的摘录：

toggleClick（）：void{this.interactionComponentData.liked=！this.interactionComponentData.liked；this.interactionComponentData.count=this.interactionComponentData.liked？this.interactionComponentData.count+1:this.interactionComponentData.count-1；}

然后ngOnIt请求使用toggleClick方法应用更改。

ngOnInit（）：void{this.interactionComponentData=post.get（{}，{}，endpoint）；//DOM使用的其他代码}

我在这里试图实现的是，当模式对话框打开时，当单击interactionComponent中的按钮时，两个组件都会更新。在模式弹出对话框中和模式弹出对话框之外。请注意，在模式对话框中，组件被降级，而在模式弹出对话框之外，组件不会被降级。

toggleClick(): void { 
    this.interactionComponentData.liked = !this.interactionComponentData.liked;
    this.interactionComponentData.count = this.interactionComponentData.liked ? this.interactionComponentData.count + 1 : this.interactionComponentData.count - 1; 
}

ngOnInit(): void {
    this.interactionComponentData = post.get({}, {}, endpoint); 
    //Other code for DOM use 
}