我最近完成了一个 Angular 4 应用程序的创建，该应用程序已完全部署并作为在浏览器上运行的单页 Web 应用程序运行良好。
我想为此开发移动应用程序(Android/iOS(，但我真的想避免从头开始。由于我不熟悉移动开发，因此我想通过使用Ionic框架来最大程度地减少维护它们的工作量。
由于 Ionic 3 是在 Angular 4 之上构建的，因此我确实在组件/模块中看到了很多相似之处。
但是，"html"文件和视图似乎略有不同，如果需要，我可以开发类似的文件和视图。
-
有没有办法让我轻松地在 Ionic 应用程序中重用 Angular 4 组件中的现有组件？我可以假设如果我为 Angular 4 编写的组件在 Angular 4 中工作，那么这些组件是否也应该与 Ionic 兼容？
-
如果我可以重用这些组件，是否可以在同一代码库中维护 Angular 4 应用程序和 Ionic 3 应用程序？(例如，我不想将组件复制到单独的 Ionic 项目中，并且必须在不同的 2 个不同位置维护 2 个副本相同的组件。
我很想看到与 Angular 4 和 Ionic 3 兼容的示例代码库，但还没有找到。我不确定这是否可行...但是angular.io网站的首页有以下文字。
一个框架。移动和桌面
我之前设法将我的一个应用程序从 Angular 2 切换到 Ionic 2，这真的很简单。
你不能做任何魔术来做转换，但这是可能的。
您所要做的就是复制粘贴+对每个组件/模块进行少量修改。
切换时可以考虑的一些事项：
- 您应该使用 Ionic UI 组件，以便从交叉平台 UI 中受益，例如
<button ion-button>、<ion-select>等。 - 您应该重写应用程序路由以使用 Ionic Nav。它非常快，因为您不必声明所有路线，您可以简单地按
navCtrl.push('MyPageName')导航。无需导入！ - 在 Ionic 3 中，每个页面/组件都是一个模块，因此您必须用 @IonicPage 包装您的模块/组件
- 熟悉 Ionic 3 后，创建一个新应用程序，使用 Ionic CLI 创建组件，然后开始复制粘贴和修改每个组件逻辑和模板以适应 Ionic 3，如上所述。
不确定我是否错过了什么，但这就是你通常必须做的。我设法在一天内将我的 50 个组件应用程序转换为 Ionic。
如果您不确定是否需要 Ionic，请考虑仅使用 cordova 或 phonegap 来包装您的移动应用程序。