Вопросы по теме 'angular-flex-layout'

Angular Material 2 карты с гибким макетом накладываются друг на друга
Я пытаюсь заставить карты Angular Material 2 работать с использованием flex-layout, так что по мере изменения размера браузера количество столбцов, которые я отображаю, изменяется. Я пытаюсь добиться чего-то похожего на то, как работает Google Keep...
3919 просмотров

Угловой материал 2 - поле ввода не отображается должным образом, как ожидалось
Я использую Angular material 2 для приложения angular 4 вместе с угловым гибким макетом. Ниже представлена ​​простая форма <div fxLayoutGap="5px" fxLayout="column"> <mat-form-field class="full-width"> <input matInput...
578 просмотров

стили mat-menu не применяются в angular
Я пытаюсь создать простой макет в angular 2, используя угловой материал и гибкий CSS .. Ниже мой код ... <div class="background" > <mat-toolbar fxLayout="row" fxLayoutAlign="space-between none" > <div fxLayout="column"...
5850 просмотров

Angular Flex-макет с ngFor, X элементов в строке
Я пытался следовать этому сообщению Angular flex-layout с ngFor , чтобы делать то, что я хочу, но Я не могу это сделать. У меня есть этот код: <div *ngFor="let room of listRoom;"> <div class="room"> Room...
4420 просмотров
schedule 08.07.2022

ОШИБКА в node_modules/@angular/flex-layout/extended/typings/style/style.d.ts
Я получаю сообщение об ошибке, как показано ниже, в моем приложении Angular 6.0.8. Я использую Angular CLI и работаю из VSCode. ОШИБКА в node_modules/@angular/flex-layout/extended/typings/style/style.d.ts (72,67): ошибка TS1144: '{' или '; '...
8208 просмотров

Предотвратить изменение высоты ссылки при наведении
Используя Angular, Angular Material и Angular Flex-Layout, я создал группу ссылок в стиле карточек или плиток. Когда ссылки не наводятся, отображаются значок и заголовок ссылки. При наведении значок и заголовок больше не отображаются и заменяются...
312 просмотров

Размер счетчика прогресса Angular Material в гибкой компоновке
У меня есть fxFlex="row" , внутри которого есть button и mat-spinner . Я хочу, чтобы размер mat-spinner был таким же, как у button (то есть, чтобы он хорошо вписывался в строку). Текущее поведение таково, что счетчик прогресса слишком...
4086 просмотров

@ angular / flex-layout с расстоянием между строками и столбцами?
StackBlitz (живая демонстрация) <div fxLayout="row wrap" fxLayout.xs="column" fxLayoutAlign="space-around center" fxLayoutGap="10px"> <mat-card *ngFor="let o of cards"> <mat-card-header> <div mat-card-avatar...
10426 просмотров

Несколько роутеров и fxHide / fxShow: почему это нарушает мою маршрутизацию?
Я работаю над проектом Angular 7 с макетом Angular Flex. На рабочем столе у ​​меня есть навигация по вкладкам и боковая навигация на мобильном телефоне. Я использую fxHide и fxShow для отображения правильной навигации. Но пока здесь два роутера,...
593 просмотров

Макет Angular Flex Всегда показывает полосу прокрутки
Я новичок в угловой и гибкой компоновке. Моя страница довольно проста. Заголовок с боковой панелью навигации и выходом для маршрутизатора. Я столкнулся с проблемой, что на моей странице всегда отображается полоса прокрутки. Если я удалю...
2238 просмотров
schedule 22.02.2022

Угловой материал - гибкая раскладка и карточки
У меня проблема с поведением гибкого макета в приложении на основе Angular Material. Я хочу иметь простую раскладку «карточная сетка» с 3 карточками в ряд (самые большие экраны), 2 карточками среднего размера и 1 карточкой на маленьких экранах....
4541 просмотров

Установить ширину входных полей формы-матов для углового материала
Я так новичок в Angular, и я пытаюсь создать форму с полями ввода, длина которых превышает стандартную. Это мой текущий код: person.component.html <form class="new-person-form"> <mat-card> <mat-form-field>...
37496 просмотров

Переход с Angular 7 на 8 с помощью ObservableMedia в @angular/flex-layout
У меня есть пара вопросов, которые я не могу решить. исходный фрагмент кода: import { map } from 'rxjs/operators'; import { ObservableMedia } from '@angular/flex-layout'; …..export class MyClass { readonly breakpointsToColumnsNumber = new...
865 просмотров
schedule 11.11.2022

выровнять элемент Div с гибким макетом (fxlayout) не работает
Я пытаюсь настроить свой div, но он работает некорректно. Вот код. (Я хочу, чтобы мои 2 бок о бок для 75% / 25%. Также я хочу, чтобы мой выбор (мат-радио) находился в верхней части первого DIV и оба выбора (выпадающий список) рядом. Как на...
347 просмотров