Hyperlink from one Angular App to another Angular App

Question

I have two different Angular Apps and one App is redirecting to the other App using a hyperlink to a specific route. However, the system is throwing a Whitelabel Error Page. The empty path has no issue.

I used the default HTML 5 location strategy for the routing.

first app: "http://www.app1.com/" second app: "http://www.app2.com/"

the first app redirects to the second app thru: window.location.href = "http://www.app2.com/some-path";

This is my sample route in the second app:

{
    path: 'some-path',
    component: SomeComponent,

  },
{
    path: '',
    component: SomeEmptyComponent,

  }

Are apps deployed on different locations? How second app routing look like? How hyperlink look like? — Akif Hadziabdic
– Akif Hadziabdic, Commented Aug 16, 2019 at 13:41
@AkifHadziabdic yes, they are deployed in different locations. The calling application uses this: window.location.href = "app2.com/some-path" ; — arn-arn
– arn-arn, Commented Aug 16, 2019 at 14:17
Can you explain how did you deploy apps? Do you have some auth system on apps like spring security on backend side? Can you share you a html tag? Can you open same url if you put url directly in browser? — Akif Hadziabdic
– Akif Hadziabdic, Commented Aug 17, 2019 at 20:30

Shahid Islam · Accepted Answer · 2019-08-16 13:57:57Z

2

Use href for any other application

<a class=" href=""></a>

you can use relative path e.g

 <a class=" href="#/list?Id=2"></a>

edited Aug 16, 2019 at 13:57

answered Aug 16, 2019 at 13:33

Shahid Islam

6296 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Akif Hadziabdic · Accepted Answer · 2019-08-16 13:48:33Z

1

Internal link (should match your routing config):

<a [routerLink]="['/some-path']" [queryParams]="{debug: true}">Some path</a>
<a [routerLink]="['/']" [queryParams]="{debug: true}">Home</a>

External link (should contain absolute path or relative which link other app):

<a href="www.facebook.com/yourpage">Facebook</a>

answered Aug 16, 2019 at 13:48

Akif Hadziabdic

2,9181 gold badge17 silver badges27 bronze badges

Collectives™ on Stack Overflow

Hyperlink from one Angular App to another Angular App

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related