Angular 2 Nativescript 网络/移动应用程序

Question

我是 Angular 2 和 nativescript 的新手。我想创建可以在网络和移动设备上运行的应用程序。我读到你可以使用这个框架共享代码并且只是为了切换模板，但是没有教程或文档。所以，如果有人能给我一些开始的指导，我该怎么做。

谢谢!

Answer 1

tl;dr:尽量不要在您的服务中放置任何特定于平台或 UI 的代码。然后可以在平台之间共享这些服务。

您需要了解的第一件事是，在 native View 中，您不能使用与普通浏览器中相同的标记(div、span、table 等)。因此，您的所有 UI 都需要针对 Web 和移动设备单独编码。

如果您遵循 Angular 2 的最佳实践，您就会将您的应用划分为组件、指令和服务。理想情况下，服务是应用程序大部分逻辑所在的位置。他们应该处理 http、缓存、通用辅助方法、全局常量等。

如果这些服务不包含任何特定于平台的代码，您可以在 Web 和移动设备之间重复使用这些服务，只需稍作更改或不做任何更改。例如，http由 angular 和 nativescript-angular 公开 have the same api .因此，如果您通过 http 作为服务来做某事，并且该服务不处理任何 UI 元素(不应该)，则该服务应该可以在 Web 和浏览器上运行。您可以在 Web 和移动项目之间共享服务目录，并覆盖您想要为平台自定义的任何内容。

示例:假设您想从后端获取用户列表并将其显示为列表。理想情况下，您将拥有一个 User具有 get 的服务方法返回来自 BE 的 json 用户列表的 promise 。

1. 对于手机，您的 nativescript 组件可能会使用 ListView , 导入 User服务和使用 get 的 promise 方法来填充它。
2. 对于 web，除了你的组件可能有 <li> 之外，一切都是一样的在其模板中。

这一切都是为了让您的服务尽可能不受平台特定代码的影响。

希望这可以帮助您开始了解如何构建应用程序以最大程度地重用代码。