Описание тега angular-flex-layout

Вопросы о движке Angular flex-layout layout
0 ответов

Как я могу применить директиву fxLayout к тегу body?

Я переносил приложение из angularjs в angular и столкнулся с этой дилеммой, где я хотел установить директиву размещения тега body. <body fxLayout="column"> Из того, что я узнал до сих пор, похоже, что angular не намерен использовать их директи…
2 ответа

Как правильно использовать @angular/flex-layout?

Я создаю веб-приложение, используя https://github.com/angular/flex-layout. Я стараюсь иметь 5% поля влево и вправо, когда экран меньше 600 пикселей (xs). Он работает правильно на больших экранах (когда есть fxLayout="row"-выпуск), но не в xs а также…
18 июл '17 в 19:53
1 ответ

Угловой материал - Datepicker выходит за пределы

Я использую Angular 4 с Material 2 У меня есть вход с кнопкой, которая открывает выбор даты Я использую flex-layout, чтобы нажать кнопку на правой стороне экрана, вот так: <div fxFlex> <span fxFlex></span> <md-input-container&gt…
3 ответа

Угловая гибкая сетка

Нажмите, чтобы посмотреть прикрепленное изображение Я хочу сделать экран как прикрепленное изображение, но получаю некоторые проблемы. Мой код работает нормально для малых и больших устройств, но для средних устройств не работает нормально. Так мож…
06 мар '18 в 09:22
3 ответа

Невозможно расположить матовую карту углового материала, используя гибкий макет

Я новичок в Flex Layout и только начал изучать, как использовать угловой материал с Flex Layout. Я реализовал простую форму входа в Angular 2, используя угловой материал. Я хочу использовать гибкий макет с угловым материалом. Я использовал мат-карту…
0 ответов

Невозможно настроить сетку плитки под углом, используя угловой материал

Я реализовал простой список сетки в угловых, используя угловой материал и угловое изгиб. Мне нужно выровнять сетку, как показано на рисунке ниже.... Но я не могу настроить плитку сетки и разместить, как показано на рисунке выше.. Пожалуйста, получит…
0 ответов

Угловой мат-сиденав для настольного и мобильного - разной ширины

У меня есть Angular 7 приложение, и я пытаюсь применить стиль к моему mat-sidenav в зависимости от того, настольный или мобильный, но я не могу выяснить это вообще. Я также использую flex, Ниже мой HTML: <mat-sidenav-container fxFlexFill> <…
1 ответ

Angulay Flex Layout Пользовательские точки останова не работают с SSR

Мне нужно только две точки разрыва в Angular Flex Layout. Итак, я определил: const CUSTOM_BREAKPOINTS: BreakPoint[] = [{ alias: 'lg', mediaQuery: '(min-width: 700px)', }, { alias: 'sm', mediaQuery: '(max-width: 700px)', }]; export function getCustom…
0 ответов

Расположите элементы выше с помощью углового гибкого макета

Я новичок в использовании Flex Layout для получения адаптивных экранов. У меня проблемы с размещением 3 элементов над элементом, когда размер экрана меньше 500 пикселей. Левый элемент всегда находится над 3 элементами справа, и мне нужно поместить 3…
27 янв '19 в 05:23
2 ответа

Angular Material Flex Layout - выравнивание по центру кнопок меню

Как кнопки могут быть выровнены по центру на панели инструментов материала? Я создал угловую панель инструментов материалов с выровненным по левому краю заголовком и некоторыми выровненными по правому краю ссылками, используя <span fxFlex><…
0 ответов

Угловой Flex-макет 2 колонки полной высоты или регулируемый контент

раскладка Я пытаюсь сделать так, чтобы этот макет оставался с полной высотой окна или внутренним содержимым. Но я никогда не могу. Ниже мой код, и я не знаю, где я могу ошибаться. Я знаю, что это может быть не то место, но кто-нибудь может мне помо…
13 янв '19 в 13:43
0 ответов

Выровнять текст по ширине по левому краю

Я пытаюсь выровнять текст по левому краю в div, который занимает всю ширину его родителя. Это структура одной из нескольких ссылок, созданных с использованием Flex Layout от Angular. <div class="container" fxLayout fxLayoutAlign="center" fxLayout…
18 янв '19 в 15:41
1 ответ

Flex-макет желоба с обеих сторон на мобильном

Я использую flex-layout с этим кодом <div class="auth" fxLayout> <div class="auth__hint" fxHide.xs="true" fxFlex="50%">Item 1</div> <div class="auth__form" fxFlex="50%" fxFlex.xs="100%"> <router-outlet></router-outle…
14 фев '19 в 08:57
2 ответа

Angular Flex Layout - не работает

Я пытался использовать 2.0.0-beta.9 в своем приложении, простой тест не работает <div fxLayout="row"> <div>1. One</div> <div>2. Two</div> <div>3. Three</div> <div>4. Four</div> </div> отобр…
25 сен '17 в 13:13
1 ответ

md-sidenav отзывчивый, с Flex-Layout

Я делаю приложение с Angular и Flex-Layout, я использую точки останова, чтобы скрыть панель навигации. Мне нужно использовать событие click, чтобы показать панель навигации, когда она скрыта. Мой код сопровождается: <md-sidenav-container> <…
29 июн '17 в 03:51
1 ответ

Гибкий макет не работает должным образом

Я использую модуль разметки Flex в Angular 4, я пытаюсь показать макет карты в настольном режиме бок о бок, и то же самое, когда мобильный режим, он должен быть один ниже, но это не работает для меня, пожалуйста, предложите правильный код. ниже мой …
1 ответ

Как создать полноэкранную оверлейную навигацию с использованием angular-материала

Я использую угловой материал с angular5 и angular flex-layout, и я искал подобный угловой компонент полноэкранного оверлейного окна, но кажется, что они еще не реализовали, и так как я предпочитаю тратить время на работу над функциональность, а не в…
1 ответ

Влияние Angular Flex Layout на дочерний список материалов

Хорошо, мои навыки CSS не так уж велики... Так что это может быть что-то очевидное, но я не могу отследить причину этой проблемы. У меня есть угловой список материалов mat-nav-list внутри div с Angular Flex Layout на нем: fxFlexOffset.gt-sm="15%" fx…
0 ответов

Боковая панель Flexbox угловая 5

Я создаю простое демонстрационное приложение в angular 5, используя материал 2. Я пытаюсь создать панель управления для своего собственного демонстрационного приложения, используя flexbox. Я создал боковую панель, но я застрял, мне интересно, как я …
1 ответ

Угловой разрыв линии сетки Flex-Layout с помощью fxLayoutWrap

Раньше я мог создавать сетку с разрывом линий в угловом флекс-макете, используя fxLayoutWrap. Кажется, это больше не работает. Какое бы число я ни указывал в fxFlex, div не переходит на следующую строку. Я видел пример Angular flex-layout с ngFor, н…
21 мар '18 в 15:18