javascript – 如何在组件Angular 2中分离移动设备和桌面的模板和样式?

移动和桌面模板非常不同,但组件中有一个逻辑.我需要在单独的文件中为移动和桌面设计单独的模板和设计.我希望包含模板和设计取决于屏幕. 最佳答案 你可以使用* ngIf

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

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

点赞