如何动态呈现信息 window 内容

Question

我正在使用 agm-direction 包在 agm-map (https://www.npmjs.com/package/agm-direction) 上显示路线信息。

我想知道如何渲染信息窗口的内容，尤其是原始标记：

输出如下所示：

我想做这样的事情，这样我就可以构建一个更复杂的信息窗口：

Answer 1

Infowindow 是字符串，所以如果你想处理你的变量而不是在 `` 中写它，请参见下面的示例

`<h1>${vehicles[0].name}</h1>`

Answer 2

使用 agm-info-window 您可以将动态文本放入 agm-info-window

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

      <agm-marker [latitude]="lat" [longitude]="lng">

        <agm-info-window>
          <h3><strong>Howdy!</strong></h3>
          <p>You are here!</p>
        </agm-info-window>

      </agm-marker>

    </agm-map>

如何动态呈现信息 window 内容

How to render info window content dynamically

angular

google-maps

agm-direction

agm-map

agm-core