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

您需要了解的第一件事是,在本机视图中,您不能使用与普通浏览器相同的标记(div,span,table等).因此,您需要为Web和移动设备单独编码所有UI.

如果您遵循Angular 2的最佳实践,您就已将应用程序划分为组件,指令和服务.理想情况下,服务是应用程序的大多数逻辑所在.他们应该处理http,缓存,常见的辅助方法,全局常量等.

如果Web服务和移动设备之间没有任何特定于平台的代码,则可以重复使用这些服务.例如,由angular和nativescript-angular have the same api公开的http.所以如果你通过http作为服务做某事,并且该服务不会兼顾任何UI元素(它不应该),那么该服务应该在web上工作和浏览器.您可以在Web和移动项目之间共享服务目录,并覆盖要为平台自定义的任何内容.

示例：假设您要从后端获取用户列表并将其显示为列表.理想情况下,您将拥有一个User服务,该服务的get方法返回来自BE的json用户列表的承诺.

>对于移动设备,您的nativescript组件可能会使用ListView,导入用户服务并使用get方法中的promise来填充它.
>对于网络,除了您的组件可能具有< li>之外,一切都是相同的.在它的模板中.

这一切都是为了让您的服务尽可能不受平台特定代码的限制.

希望这有助于您开始如何构建应用程序以实现最大程度的代码重用.