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

Измените макет или значение столбцов md-grid-list в зависимости от размера экрана
Я использую сетку из углового материала 2 . Вот плункер https://plnkr.co/edit/0v9R3e4x3tThh85147x7?p=preview Здесь я определил сетку из трех столбцов и трех плиток (показываемых в строке, как это определено как три столбца). Я хочу...
7113 просмотров

Разрыв линии сетки Angular Flex-Layout с помощью fxLayoutWrap
Раньше я мог создавать сетку с разрывом строки в угловой гибкой компоновке с помощью fxLayoutWrap. Кажется, больше не работает. Какое бы число я ни ввел в fxFlex, div не переходит на следующую строку. Я видел пример Angular flex-layout с ngFor ,...
1901 просмотров
schedule 14.09.2021

Скрытие необходимых пунктов меню для конкретного пользователя в angular 2
Я создал приложение angular, в котором у меня есть форма входа, в которой я реализовал аутентификацию с использованием службы и защиты. Я определил пользователя интерфейса с именем пользователя и паролем. Используя этот интерфейс в...
8865 просмотров

Выравнивание элементов с помощью Angular Flex Layout
Я использую гибкую компоновку Angular с материалом Angular в своем приложении, и я хотел бы правильно выровнять свои карты на странице, разделенной пробелами. Я запустил следующий код, но карты не выровнены правильно. Как вы можете видеть на...
578 просмотров

Модуль не найден: ошибка: не удается разрешить '@ angular / flex-layout' в '/ app'
Я вдруг получил эту ошибку Module not found: Error: Can't resolve '@angular/flex-layout' in '\src\app' Эта ошибка произошла после того, как я установил @ angular / cdk, После этой ошибки я снова установил flex-layout, используя npm...
13202 просмотров

Поместите мат-меню поверх триггера в материале Angular
Привет, я хотел бы разместить матовое меню поверх триггера меню. Пожалуйста, найдите мой код ниже <button (mouseover)="createMenuTrigger.openMenu() #createMenuTrigger="matMenuTrigger" [matMenuTriggerFor="createPlan">...
4922 просмотров

angular / flex-layout beta8 получает TypeError: _this._renderer.setStyle не является функцией
Код отлично работал на @ angular / flex-layout @ 2.0.0-beta.7 Только что обновился до @ angular / flex-layout @ 2.0.0-beta. 8 получил эту ошибку. TypeError: _this._renderer.setStyle is not a function Если я проигнорирую это, консоль выдает...
412 просмотров
schedule 20.04.2022

Angular добавить директиву fxFlex из другой директивы
Я пытаюсь добавить всю директиву fxFlex fxFlex.gt-xs через другую пользовательскую директиву, чтобы сохранить свой html как можно более чистым. Я создал следующую директиву import { Directive, ElementRef, Renderer, OnInit } from '@angular/core';...
1429 просмотров

Материал Угловой дисплей карты
У меня есть галерея изображений, и я хотел бы отображать их в системе на основе карт поляроид, охватывающей несколько строк и столбцов. Проблема, с которой я столкнулся, связана с макетом изображения. Когда изображения и портретные, и альбомные,...
2611 просмотров

Невозможно разместить мат-карту в центре окна с помощью гибкого макета.
Я новичок в Flex Layout и только начал изучать, как использовать угловатый материал с гибким макетом. Я реализовал простую форму входа в angular 2, используя угловой материал. Я хочу использовать гибкий макет с угловатым материалом. Я...
7736 просмотров

fxHide.gt-sm Не работает
У меня есть следующий div, и он показывает кнопку входа в систему на панели навигации, но если экран маленький, я хочу скрыть эту кнопку. По какой-то причине, когда я добавляю fxHide.gt-sm=true , он не скрывается, когда я уменьшаю экран. Как я могу...
6691 просмотров
schedule 18.07.2022

Flexlayout увеличивает высоту кнопки материала
У меня есть следующий html, но это увеличивает размер кнопки. Как сделать, чтобы кнопка не росла в высоту? <div fxLayout="row"> <h5>User Management</h5> <span fxFlex></span> <button mat-raised-button...
802 просмотров

Угловой Flex-макет с макетом вкладок
Я пытаюсь выровнять заголовок и угловые вкладки ( https://material.angular.io/components/tabs/overview ) в одну строку с помощью Flex-Layout ( https://github.com/angular/flex-layout ), но содержимое вкладок должно отображаться на всем экране. В...
397 просмотров
schedule 14.09.2022

диапазон и кнопка не выровнены по вертикали в карточке материала
Я пытаюсь выровнять кнопку справа от угловой карты материала, как <mat-card fxFlex="70" fxFlexOffset="15" class="margin-10"> <span>Hello</span> <div fxFlex></div> <button...
272 просмотров

Как использовать гибкий макет вместе с md-картой в сетке в angular 2?
Я использую «@ angular / core»: «2.4.10» и «@ angular / material»: «2.0.0-beta.2». Я установил flex-layout с помощью npm. Я хочу создать адаптивную сетку с карточками. Я использую md-grid-list и md-card. Как использовать гибкий макет с md-card или...
3543 просмотров

md-sidenav отзывчивый, с Flex-Layout
Я делаю приложение с Angular и Flex-Layout, использую точки останова, чтобы скрыть панель навигации. Мне нужно использовать событие щелчка для отображения панели навигации, когда она скрыта. Мой код следует: <md-sidenav-container>...
599 просмотров
schedule 26.09.2023

Как правильно использовать @ angular / flex-layout?
Я создаю веб-приложение, используя @ angular / flex-layout . Я стараюсь оставлять поля 5% слева и справа, когда экран меньше 600 пикселей ( xs ). Он работает правильно на больших экранах (когда есть fxLayout="row" -layout), но не в xs и...
7648 просмотров
schedule 16.07.2023

Как разместить md-кнопку прямо внутри md-list-item
У меня возникают проблемы с перемещением моей кнопки MD справа от моего списка дел. Я использую angular 4x и flexLayout с модулем материала angular Мой код выглядит следующим образом: .list-item { width: 100%;...
982 просмотров

MdMenu остается всегда открытым и никогда не закрывается, angular 2+
Я использую Material design для Angular 2 , я начал только сейчас и пытаюсь использовать MdMenu для отображения меню, когда экран имеет небольшой размер. размер. Моя проблема в том, что меню остается всегда открытым и никогда не закрывается, и я...
118 просмотров

Angular flex-layout: как добиться поведения Bootstrap .container?
Я новичок в API Angular Flex-layout, и у меня есть основной вопрос: Класс Bootstrap 4 .container выглядит следующим образом: .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 100%; }...
2023 просмотров
schedule 25.12.2022