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

Question

移动端和台式机模板非常不同，但在组件中有一个逻辑。我需要在单独的文件中为移动和桌面单独的模板和设计。我想包括模板和设计取决于屏幕。

Answer 1

您可以使用*ngIf

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

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