如何从一个组件代码库中为Angular和Nativescript打开一个URL？

Question

我正在构建一个NativeScript-Angular应用，该应用显示的链接超出了在网络和移动设备上的新浏览器中打开所需的链接。

对于Angular，我可以使用window.open（“ http://example.com”，“ _blank”）; -不适用于NativeScript。

对于NativeScript，我可以使用utilityModule.openUrl（http://example.com）;其中var utilityModule = require（“ utils / utils”）; -但这不适用于Angular（并且无法解析和tns模块）。

有什么方法可以在我的组件中使用一种方法来启动移动设备上的默认浏览器，还可以在Web浏览器上打开一个新标签？

Answer 1

定义服务，并在导入“服务”的代码中有两个实现。

• service.ts：这将具有有关如何打开链接的WEB版本。
• service.tns.ts：这将包含有关如何打开链接的本机脚本版本。