Embedding Angular routing

[posac]

Hi Community !

Im investigating quicksight embedding possibilities and struggling with proper embedding it in multi route page in angular.

Context:
I have few steps wizard and on two steps Im displaying same dashboard. Dashboard is displayed in different places, and with different parameters (also its embedded in different component).

Question:
How can I implement it without need to call twice for embedded url ?

I tried moving iframe, or some other “singleton” approaches - but it didn’t work or I did it incorrectly (after moving or hidding showing i was getting error that url or code is invalid)

[duncan]

Hello @posac

I have never tried embedding with Angular specifically but I believe you are hitting a similar limitation as the user in this post:

Same dashboard embed url failed to render second time

Hi, I’m using generate_embed_url_for_anonymous_user(SessionTags is being used and SessionLifetimeInMinutes is set to 600) to render url for frontend to embed. This is all working fine until I navigated away from the page embedding the dashboard and back where I got error “Embedding failed because of invalid URL or authorization code. Both of these must be valid and the authorization code must not be expired for embedding to work”. So internally, I’m using GraphQL endpoint to generate the embed…

Can you breakdown what you mean by a singleton approach?

[posac]

hi @duncan

thx for reply i guess problem is more or less similar.

So i tried :

• before destroy move iframe to body and during rendering next component move it again to desired place
• similar as above but instead placing it to the doom keep it in memory

Both ends with same issue - that it tries reload iframe and and getting error I thought that maybe someone was struggling with same problem and figure out how to do it without regenerating link and reloading fully quicksight