How to render info window content dynamically

Question

I'm using the agm-direction package to display route information on the agm-map (https://www.npmjs.com/package/agm-direction).

I would like to know how I can render the content of the infowindow for especially the origin marker:

the output looks like this:

I would like to do something like this, so I can build a more complex infowindow:

score 2 · Accepted Answer · edited Feb 24 '20 at 21:10

2

using agm-info-window you can put your dynamic text into 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>

edited Feb 24 '20 at 21:10

Martijn Pieters

1,048,767
296
4,058
3,343

answered Dec 22 '19 at 14:47

Expert Suggestion

371
5
17

Vishal Soni · Answer 2 · 2019-08-01T11:22:42.723

0

Infowindow is string, so if you want to process your variables than write it within `` See Below example

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

edited Aug 01 '19 at 11:22

answered Aug 01 '19 at 10:45

Vishal Soni

81
8

Ok thanks, but is there a way to compile a component to a string, like it was possible with $compile in v1? – Rob Angelier Aug 01 '19 at 11:12
Sorry, but i do not have idea about it. – Vishal Soni Aug 01 '19 at 11:22

How to render info window content dynamically

2 Answers2