Angular 2 Routing run in new tab

Question

I am working with a asp.net core application with angular2 and my routing is working fine.

Answer 1

In my use case, I wanted to asynchronously retrieve a url, and then follow that url to an external resource in a new window. A directive seemed overkill because I don't need reusability, so I simply did:

Navigate

And in my component.ts

navigateToResource(): void {
  this.service.getUrl((result: any) => window.open(result.url));
}

Note:

Routing to a link indirectly like this will likely trigger the browser's popup blocker.