Embedding Angular routing

Question & Answer
, , ,
1

Hi Community ! :slight_smile:

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)

2

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:

Can you breakdown what you mean by a singleton approach?

3

hi @duncan

thx for reply :slight_smile: 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 :slight_smile: I thought that maybe someone was struggling with same problem and figure out how to do it without regenerating link and reloading fully quicksight

4

Hello @posac

I’m not sure how this would work with the system you are using now but I think essentially you will need to call up a new link every time.