Javascript Agm方向面板：在不同组件中显示面板

我有两个组件显示在一个页面上（第一个是页面的70%，另一个是30%）。一个是地图所在的位置，另一个是我想显示面板的位置（关于如何到达目的地的信息：左转，然后右转，等等）

我使用agm方向来获取面板-（查看带有新查询的更新面板）

我成功地创建了它，当您单击一个按钮时，面板将显示文本，，但在地图组件上，地图下方（见图2）。这是因为我将

放在第一个组件的映射下

我想得到第二个组件上的面板文本。我不知道如何执行此操作，因为根据上面的文档，我将面板绑定到map组件

[panel]=“myPanel”

那么有没有一种方法可以将绑定数据传输到不同的组件中？

以下是html的第一个组件：

<agm-map [zoom]="zoom" [latitude]="lat" [longitude]="lng">
    ...

    <agm-direction
      [origin]="origin" 
      [destination]="destination" 
      [travelMode]="transitOptions" 
      [visible]="show"
      [renderOptions]="renderOptions"
      [markerOptions]="markerOptions"
      [panel]="myPanel" <!-- THIS IS IMPORTANT FOR INFO -->
    >
    </agm-direction>

    ...    
</agm-map>

<div #myPanel></div>

...
...    

第二个组件只是一些通用html

---

TLDR：当我在agm方向绑定

[panel]=“myPanel”

时，如何使

在不同的组件中工作。

由于

@ViewChild("myPanel", {static: false}) myPanel;

然后，在单击按钮时激活的功能中：

let _this = this;
setTimeout(function() {
  console.log(_this.myPanel);
  if(_this.myPanel != undefined){
    let ivan = _this.myPanel;
    console.log("test myPath", ivan);
    //console.log("Test", JSON.stringify(this.myPanel.nativeElement.innerHTML));
    console.log(_this.myPanel.nativeElement.innerHTML); //THIS IS THE ANSWER
  }
}, 500);