【问题标题】:Ionic 3 / Angular 4 integrationIonic 3 / Angular 4 集成
【发布时间】:2017-08-11 09:23:33
【问题描述】:

我是 Angular 4 的新手。我对如何使用 ionic 框架进行移动有点迷茫。

我的目标是开发一款可在 Android 设备和笔记本电脑上使用的应用。

我应该首先开发 angular 应用程序,然后尝试使用 ionic 打包它,还是应该直接使用 ionic 3/Angular 4 项目开始我的项目(如本文中:https://www.djamware.com/post/58e657b680aca764ec903c2d/ionic-3-and-angular-4-mobile-app-example

谢谢!

【问题讨论】:

标签: angular ionic-framework


【解决方案1】:

我不相信 Ionic 与最新版本的 Angular 同步。 Angular 与 Ionic 打包在一起,因此您受限于其中包含的版本。我主要是从只开发 Ionic 1 应用程序的角度说的。 Ionic 2 可能会有所不同,所以我的评论是谨慎的。

如果您从未将 Ionic 用于任何移动应用程序开发,我个人会跳过 Ionic 1(在较旧的 AngularJS 上)并熟悉 Ionic 2。

【讨论】:

  • Angular is packaged with Ionic 是 v1.x 的情况
【解决方案2】:

Ionic 使用 Angular-Directives。 Angular 本身不用于构建应用程序,但被应用程序开发框架(例如 ionic 框架)使用。因此,请继续使用 ionic 制作您的应用程序。您将在移动应用中使用 Angular。

请注意,您的应用被封装在本机容器中,以便能够与设备的移动架构进行通信。您可能想为您的网站使用不同的东西。

【讨论】:

    【解决方案3】:

    正如official Ionic website中提到的:

    Ionic 提供了一个完整的移动工具包,专为 Web 开发人员构建。

    只需几分钟即可开始创建功能齐全的移动应用程序所需的一切。

    因此,如果您了解 Angular、HTML 和 CSS,您可以继续开发一个 Ionic 项目,该项目可以在浏览器和设备(Android、iOS)上运行。 显然,您需要创建在设备上运行的构建并将它们上传到各自的商店。

    【讨论】:

      【解决方案4】:

      在 ionic 3 中,我们使用 Angular 4 打包,因此我们可以使用 Angular 4 指令。我们可以在 ionic 3 App 中重用大部分 Angular 4 代码,但是如果你想将 ionic 3 App 部署为 android 或混合你可以部署它。但是你也可以部署为 web,但设计和其他将来自 ionic 3。如果你想在 Ionic 3 应用程序中使用 Angular 的材料设计。你可以通过包含那个包

      【讨论】:

        【解决方案5】:

        由于您还需要为移动 (android) 构建应用程序,因此我建议您开始使用 ionic 本身。由于 Ionic 3.x 有自己的导航系统和组件,您可以与应用程序的桌面版本共享它们(尤其是Split 面板)。如果你以不同的方式继续使用简单的角度,你需要一个为你做这些事情的框架。

        但是,当然,您可能会遇到无法在桌面上运行的原生 API(插件)。所以最好遵循移动优先的方法。
        结帐this article 这可能会帮助您使用 Ionic 在桌面和移动设备之间共享代码。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2019-06-04
          • 2017-09-09
          • 2018-03-28
          • 2020-06-09
          • 2019-09-25
          • 1970-01-01
          • 2017-12-29
          • 2018-02-05
          相关资源
          最近更新 更多