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

How to separate template and style for mobile and desktop in component Angular 2?

本文关键字：桌面 样式 移动 分离 Angular 组件      更新时间：2023-09-26

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

您可以使用*ngIf 

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

Angular2团队曾试图直接使用@View()装饰器来支持这一点，但在几个版本前删除了它，因为它似乎不是一个好策略。

相关文章：