javascript - Hur separerar man mall och stil för mobil och desktop i Angular 2-komponent?

Mallen för mobil och dator är mycket olika, men har en logik i komponenten. Jag behöver separata mallar och design för mobil och dator i separata filer. Jag vill inkludera mall och design beroende på skärmen.

Svar #1

Du kan använda *ngIf

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

Angular2-teamet försökte stödja detta direkt med @View()-dekorationen men tog bort det för några versioner sedan eftersom det inte verkade vara en bra strategi. För närvarande finns det inget inbyggt stöd för det du vill.

Relaterade artiklar