angular - 我可以共享一个用于 Web 和 Ionic 的 Angular 项目吗?

标签 angular typescript ionic-framework ionic3

我有一个运行良好的 Angular 5 项目,它的编译版本(html、css、js)部署在网络服务器上并供用户使用。该项目使用@angular/material2 和 angularfire5。

我对创建移动应用很感兴趣,并且了解到 Ionic 使用 Angular 框架来创建移动应用。

当我实际查看这些示例时,Ionic 似乎直接使用了 Angular 组件,这让我觉得我可以重新使用我为 Web 应用程序构建的现有 Angular 组件。我正在考虑创建新的 Ionic View 文件并将其与我现有的 Angular 组件集成。

我想知道是否有一个好的指导方针可以遵循,或者是否有可能设置一个项目目录可以用于常规的 Angular webapp 和 Ionic 应用程序。

我在这里试图实现的目标是,我试图避免这样一种情况,即我必须为我拥有的每个组件分别维护 Angular 组件的 Web 版本和 Angular 组件的移动( ionic )版本.

有没有一种优雅的方法来解决这个问题?

最佳答案

您可以在 Ionic 3.x 项目中使用任何 Angular AOT 兼容组件。但是您在这里遇到的问题是 navigation 系统。它在 Ionic 3 项目上非常不同。

在这里您可以阅读更多关于 Ionic navigation system 的信息.

注意:如果您有任何其他问题,请随时提出。

关于angular - 我可以共享一个用于 Web 和 Ionic 的 Angular 项目吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47243242/

相关文章:

TypeScript 推断数组 [index]

cordova - ionic cordova 键盘隐藏输入

javascript - Angular - 将自定义验证器分配给 FormGroup

angular - SafeValue 必须使用 [property]=binding,但它是

node.js - 如何从 ionic 公开静态 html 页面

typescript - 从 typescript 模块导出所有类型(并且只是类型)

angular - 按照最佳实践升级 Angular 版本(现在是 : 2. 4.3 或 4.0.0-beta.3)?

javascript - Angular 变化检测机制触发过于频繁

javascript - Ionic App 在移动浏览器中运行流畅

html - 在 CSS 形状中间制作文本