如何将现有的 Angular 2 Web 应用程序转换为原生脚本应用程序

Posted 2023-04-13

【中文标题】如何将现有的 Angular 2 Web 应用程序转换为原生脚本应用程序

【英文标题】：How to convert an existing Angular 2 web app into a native script application

【发布时间】：2017-12-29 12:02:41

【问题描述】：

大约一年来，我一直将 Angular 2 网络应用程序作为一种爱好，现在我可以开始测试了。我想知道如何使用现有的 angular 2 代码并将其转换为本机脚本应用程序。我一直在研究原生脚本，看起来你必须从一开始就使用原生脚本。我还使用 Angular cli 和几个 npm 包来帮助开发我的应用程序。

编辑

【问题讨论】：

我还没有那样做，但是这个种子项目设置得非常好，可以在网络和移动设备上共享代码github.com/TeamMaestro/angular-native-seed也许会有所帮助。

我认为这是错误的方向。我一直在构建一个 Angular 2 Web 应用程序，我想将其转换为一个原生脚本应用程序，到目前为止，看起来我必须为原生脚本环境重建应用程序，并为 Web 应用程序环境提供第二个版本。

【参考方案1】：

更新：

Angular CLI 现在从 v6 开始支持 NativeScript，这非常棒。

查看此链接以开始使用：https://docs.nativescript.org/code-sharing/intro

原文： 您可以重复使用大部分脚本，但模板和一些样式必须更改，因为不支持 html 以及一些 CSS 属性不可用。

有一种方法可以共享代码库而无需创建单独的项目，但是使用名为 nativescript-ngx-magic 的模块，您可以在此处查看：

https://github.com/wwwalkerrun/nativescript-ngx-magic

基本上，它允许您在同一个项目中拥有原生版本和普通网络版本，并且它会自动为您切换模板。

【参考方案2】：

您可以使用某些 git 存储库来执行此操作，但最好和实用的方法是遵循文档，该文档将引导您完成转换为原生脚本的所有过程。 按照这个文档链接https://docs.nativescript.org/angular/tutorial/ng-chapter-0