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