Является ли Angular 4 материалом отзывчивым, как бутстрап?

Я начинаю новый проект с Angular 4 и должен создать отзывчивый и приятный пользовательский интерфейс.

  • bootstrap дает вам отзывчивость, но нет ощущения материала
  • angular материал обеспечивает приятный опыт пользовательского интерфейса https://material.angular.io

Я знаю бутстрап и использовал его в предыдущих приложениях AngularJS, но материал Angular для меня новичок. Кажется легким следовать документам, но я не могу найти поддержку отклика.

Я не хочу их смешивать, но не смог найти ответную реакцию столбца для мобильной поддержки, которую обеспечивает bootstrap.

Я что-то упустил? Поддерживает ли материал Angular подобную отзывчивость или должен использоваться как в моем приложении?

Ответ 1

Чтобы добавить отзывчивость в современном угловом приложении, вы можете использовать Flex-layout, он полностью отделен от material2, поэтому вы можете использовать его даже без использования material2 в своем приложении.

Помните, что Flex-layout основан на Flexbox CSS, поэтому не поддерживается в старых браузерах.

Вот несколько примеров

Также ознакомьтесь с новым эпизодом naAir, рассказывающим о Flex-layout

UPDATE:

Начиная с 6.0.0-beta.16 Flex-layout теперь имеется API для поддержки CSS Grid. Вы можете найти более подробную информацию, проверив pr # 712

Ответ 2

Я пытаюсь протестировать Angular материал с двумя разными Angular проектами, один с помощью Angular CLI, а второй с шаблоном Visual Studio Aspnet core 2.0. В обоих случаях мне не удалось начать работу с простой страницы. Это был довольно неприятный опыт, связанный с обходными решениями, прежде чем я смогу запустить сервер. Для начала, npm instaling @angular/material, попросит обновить версию Angular до 5.0.0. Когда я это сделал, он жаловался, что cli не был 2.3.1 или больше, когда он был 5.0.0. Я должен был сделать некоторые обходные пути. В одном учебнике, которое я выполнял, для реализации формы, требуемой с использованием mdInput. Но он жаловался, и тогда я узнаю, что теперь он является matInput. Сегодня мой третий день пробовал без успеха. Я надеюсь, что вы придумаете простую примерную страницу с использованием компонента или формы к вторнику на следующей неделе. С другой стороны, у меня нет проблем с Bootstrap. Всегда стабильный. Но я хотел увидеть другие варианты. Я также столкнулся с проблемой с PrimeNG и отказался попробовать Angular Материал. Кто-нибудь испытывает то же самое?

Ответ 3

Немного поздно, но я создал стартовый шаблон, который показывает пример адаптивного макета с материалами 5 и Angular 5, а также некоторую простую маршрутизацию. https://github.com/kenji-1996/material-sidenav-responsive-starter

Использует материал и гибкость, без внешних библиотек