Угловой отзывчивый по умолчанию?

Question

У меня есть приложение, разработанное в Angular 4, и оно не отвечает, поэтому я хочу знать, если: 1. Последняя версия Angular отвечает по умолчанию.2. Как лучше всего адаптировать угловое приложение?Бутстрап или медиа-запросы?или есть какой-то другой, более легкий и лучший подход.

Answer 1

Последняя версия Angular реагирует по умолчанию

Адаптируется ли ваше приложение Angular или нет, зависит от того, как вы пишете код HTML / CSS .При написании Angular приложения, по сути, вы пишете HTML / CSS точно так же, как и в любом другом месте (за исключением специфических для Angular вещей, таких как компоненты, директивы, шаблоны, ...), но ничего не реагирует, если толькоВы пишете это так.

Каков наилучший подход, чтобы сделать угловое приложение 4 отзывчивым.Бутстрап или медиа-запросы?или есть какой-то другой более простой и лучший подход?

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

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

В конце концов,вам придется написать дополнительный код для достижения адаптивного дизайна, независимо от того, выберете ли вы Bootstrap , Медиа-запросы или что-то еще полностью ...

Answer 2

Нет.Angular - это фреймворк, который предлагает реализацию внедрения зависимостей , привязки html-to-javascript, шаг сборки, который обрабатывает много вещей для вас, таких как транспиляция, компиляция машинописи и множество других интересных вещей иniceties.

Тем не менее, они в основном связаны с шагами JavaScript и сборкой.Angular не поставляется с таблицей стилей по умолчанию, и, помимо обработки CSS-файлов, которые вы определили в своем проекте на этапе сборки, он на самом деле не имеет ничего общего с CSS.

Чтобы ваш сайт реагировал, вынужны таблицы стилей и HTML, которые позволяют элементам вашей страницы реагировать на размеры браузера.Некоторые фреймворки предлагают это по умолчанию (например, загрузчик), но это не имеет ничего общего с самим Angular.

Даже если вы используете адаптивный CSS-фреймворк, если вы неправильно настроили HTML-разметку, илиесли вы начнете связываться с таблицей стилей, некоторые элементы страницы могут сломаться в браузерах определенного размера.

(И просто для ясности, CSS-фреймворки, такие как начальная загрузка или фундамент, вообще не несовместимы с Angular. Их можно комбинировать слегкость).

Answer 3

1. Нет, Angular не отвечает по умолчанию.« AngularJS - это структурная структура для динамических веб-приложений. С AngularJS разработчики могут использовать HTML в качестве языка шаблонов, что позволяет без труда расширять синтаксис HTML для передачи компонентов приложения. Angular делает большую часть кода, который вы могли бы иначе использоватьприходится писать полностью излишне."То же самое описание относится к Angular (Angular2 +) ~ https://www.awwwards.com/practical-uses-of-angularjs-create-a-single-page-application-spa-or-a-website-menu-in-an-instant.html

2. Лично для меня, я бы сказал, использовать Bootstrap, чтобы сделать ваш вебприложение отзывчиво.Это быстро и легко использовать с гораздо меньшим количеством кода.~ https://getbootstrap.com/

Answer 4

Самый быстрый ответ: нет, angular не отвечает по умолчанию.

Но это не совсем так.Просто угловатый ничего не упаковывает.С Angular вы получаете только инфраструктуру для создания веб-приложения, написания HTML-кода и связывания всего этого вместе.Другими словами, любой HTML и стиль, с которым вы в конечном итоге работаете, являются только вашими .

Это означает, что если вы хотите создавать адаптивные шаблоны, вам нужно создать его самостоятельно.

Проще всего было бы включить CSS-фреймворк (как вы и предполагали, популярным выбором был бы bootstrap), или использовать библиотеку, в которой уже есть стилизация, например @ angular / material или NGX-самозагрузка .Вы можете найти и других.Там вы получаете отзывчивость по умолчанию.