如何在组件Angular 2中分离移动和桌面的模板和样式？

Question

移动设备和桌面模板非常不同，但组件中有一个逻辑。我需要在单独的文件中为移动和桌面设计单独的模板和设计。我希望根据屏幕包含模板和设计。

Answer 1

您可以使用*ngIf

template: `
<div *ngIf="isMobile">
  mobile content
</div>
<div *ngIf="!isMobile">
  desktop content
</div>

Angular2团队尝试使用@View()装饰器直接支持这个，但在几个版本之前将其删除，因为它似乎不是一个好策略。目前没有内置的支持你想要的东西。