Angular 4 Web 应用程序到 Ionic 3 应用程序

Posted 2023-03-13

【中文标题】Angular 4 Web 应用程序到 Ionic 3 应用程序

【英文标题】：Angular 4 Web Application to Ionic 3 App

【发布时间】：2018-01-16 18:13:16

【问题描述】：

好的，所以我有一个工作的 Angular 4 Web 应用程序，它使用 NodeJS 作为后端，使用 MongoDB 作为数据库。我知道 Ionic 3 基于 Angular 4，这就是我对 ionic 的了解程度。

我查看了文件结构，对我来说看起来都一样。我能找到的唯一区别是模板结构和生根有点不同。其余的我觉得一样。我的问题是，我是否有可能将我的 Web 应用程序变成 ionic 3 应用程序？还是我必须单独创建一个新项目并复制粘贴所有应该相同的文件？

我真正想做的是同时拥有一个 Web 和移动应用程序，并做一些事情（可能是魔术），以便服务器知道要提供哪些文件。如果请求是通过 Web 应用程序发出的，则提供 Angular 模板/路由，否则提供 ionic 模板/路由。

附：如您所知，我对离子一无所知。也不会称自己为角度专家。任何有关如何开始的帮助将不胜感激。

【参考方案1】：

我有没有可能将我的网络应用程序变成一个 ionic 3 应用程序？ 你不能

或者我必须单独创建一个新项目并复制粘贴所有应该相同的文件？ 不需要。您需要维护2个项目。但是您可以使用大部分Ionic 3 应用中的 Angular 组件。

你知道Angular有非常先进的路由系统。但是Ionic 3有一个子集。这是这里的关键问题。另一个非常重要的区别是Ionic 3使用的Angular版本.当前稳定的Angular 版本是4.3.3。但不幸的是，Ionic 3 仍然使用旧版本的Angular4.1.3。这意味着你不能使用大多数最新的模块，它已经在@987654331 上引入@ 与Ionic 3。

但好消息是，Ionic 团队正在开发Ionic 4，并将很快发布它以供beta 测试。希望该版本将消除目前Ionic 3 上的大部分路由问题，并将引入更多很快就会有更多很棒的功能。但你肯定要再等几个月。

Ionic 4 is here.

【参考方案2】：

这一切都取决于您的项目的复杂性。简单的话应该没问题。

您应该能够重用所有组件 如果您想要移动外观，则 html 需要适应 ionic 组件 路由必须适应 Ionic 的东西。