Как отделить шаблон и стиль для мобильных и настольных компьютеров в компоненте Angular 2?

Question

Шаблон для мобильных и настольных компьютеров очень отличается, но имеет одну логику в компоненте. Мне нужен отдельный шаблон и дизайн для мобильных и настольных компьютеров в отдельных файлах. Я хочу включить шаблон и дизайн в зависимости от экрана.

Answer 1

Вы можете использовать *ngIf

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

Команда Angular2 была попытка поддержать это непосредственно с помощью @View() декоратора, но удалить его несколько версий назад, потому что он, кажется, не является хорошей стратегией. В настоящее время нет встроенной поддержки того, что вы хотите.