Как в angular 2 организовать отображение компонентов по условию, в зависимости от размера экрана?
Уважаемое сообщество, прошу совета в проэктировании начальной структуры приложения на ангуляре.
Получаеться так, что для SPA есть 2 варианта дизайна- для полной версии(монитор, айпад) и мобильной. То есть меню в мобильной версии сделано в виде вертикального сайднав, а в полномасштабной-в виде футера со ссылками.
Не могу понять, как мне правильно структрировать приложение.
Вижу два решения. Например-сделать два компонента для навигации-один(меню в футере) подгружать когда размер экрана больше определенного значения, другой -когда меньше. Или можно как-то по-другому это сделать?
Например, разные темплейты вызывать в зависимости от определенного условия? Если можно , подскажите, пожалуйста, как правильно привязать условие к выводу того или иного темплейта(или компонента) во втором ангуляре. Заранее спасибо!
