How can I open a url for both Angular and Nativescript from one component codebase?

Question

I am building a NativeScript-Angular app which displays a link than needs to open in a new browser on both the web and mobile.

For Angular, I can use window.open("http://example.com", "_blank"); - which does not work for NativeScript.

For NativeScript I can use utilityModule.openUrl(http://example.com); where var utilityModule = require("utils/utils"); - but this does not work with Angular (and it can't resolve and tns modules).

Is there any way I can use a single method in the my component to launch the default browser on a mobile and also open a new tab on a web browser?

Jose Alberto Fernandez · Accepted Answer · 2020-03-18 16:40:32Z

1

Define a Service and have two implementations of it in your code you import "service"

service.ts: this will have the WEB version on how to open the link.
service.tns.ts: this will have the nativescript version on how to open the link.

answered Mar 18, 2020 at 16:40

Jose Alberto Fernandez

1262 silver badges5 bronze badges

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

4 Comments

Roland Over a year ago

Thanks Jose. Haven't given it a go yet but sounds like exactly what's needed.

Roland Over a year ago

Hi Jose, I haven't yet marked this as the answer as it seems like the .tns version of my service is not being picked up. Should this happen automatically? Or do I need to ad something else to a configuration file. The tsconfig.tns.ts already has entry "paths": { "@src/*": [ "src/*.tns.ts", "src/*.ts" ] }

Roland Over a year ago

The error I am getting is System.err: Error: Unexpected value '[object Object]' imported by the module 'AppModule'

Roland Over a year ago

Issue was obviously user error :-) I had to remove all references to utils/utils and will start that over

Collectives™ on Stack Overflow

How can I open a url for both Angular and Nativescript from one component codebase?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related