Вопросы по теме 'angular-flex-layout'
Измените макет или значение столбцов md-grid-list в зависимости от размера экрана
Я использую сетку из углового материала 2 .
Вот плункер https://plnkr.co/edit/0v9R3e4x3tThh85147x7?p=preview
Здесь я определил сетку из трех столбцов и трех плиток (показываемых в строке, как это определено как три столбца).
Я хочу...
7113 просмотров
schedule
09.09.2021
Разрыв линии сетки Angular Flex-Layout с помощью fxLayoutWrap
Раньше я мог создавать сетку с разрывом строки в угловой гибкой компоновке с помощью fxLayoutWrap.
Кажется, больше не работает. Какое бы число я ни ввел в fxFlex, div не переходит на следующую строку. Я видел пример Angular flex-layout с ngFor ,...
1901 просмотров
schedule
14.09.2021
Скрытие необходимых пунктов меню для конкретного пользователя в angular 2
Я создал приложение angular, в котором у меня есть форма входа, в которой я реализовал аутентификацию с использованием службы и защиты.
Я определил пользователя интерфейса с именем пользователя и паролем. Используя этот интерфейс в...
8865 просмотров
schedule
18.10.2021
Выравнивание элементов с помощью Angular Flex Layout
Я использую гибкую компоновку Angular с материалом Angular в своем приложении, и я хотел бы правильно выровнять свои карты на странице, разделенной пробелами. Я запустил следующий код, но карты не выровнены правильно. Как вы можете видеть на...
578 просмотров
schedule
15.11.2021
Модуль не найден: ошибка: не удается разрешить '@ angular / flex-layout' в '/ app'
Я вдруг получил эту ошибку
Module not found: Error: Can't resolve '@angular/flex-layout' in '\src\app'
Эта ошибка произошла после того, как я установил @ angular / cdk,
После этой ошибки я снова установил flex-layout, используя
npm...
13202 просмотров
schedule
23.02.2022
Поместите мат-меню поверх триггера в материале Angular
Привет, я хотел бы разместить матовое меню поверх триггера меню. Пожалуйста, найдите мой код ниже
<button (mouseover)="createMenuTrigger.openMenu() #createMenuTrigger="matMenuTrigger" [matMenuTriggerFor="createPlan">...
4922 просмотров
schedule
20.02.2022
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 просмотров
schedule
05.06.2022
Материал Угловой дисплей карты
У меня есть галерея изображений, и я хотел бы отображать их в системе на основе карт поляроид, охватывающей несколько строк и столбцов. Проблема, с которой я столкнулся, связана с макетом изображения. Когда изображения и портретные, и альбомные,...
2611 просмотров
schedule
11.06.2022
Невозможно разместить мат-карту в центре окна с помощью гибкого макета.
Я новичок в Flex Layout и только начал изучать, как использовать угловатый материал с гибким макетом.
Я реализовал простую форму входа в angular 2, используя угловой материал. Я хочу использовать гибкий макет с угловатым материалом.
Я...
7736 просмотров
schedule
19.07.2022
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 просмотров
schedule
27.08.2022
Угловой 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 просмотров
schedule
29.09.2022
Как использовать гибкий макет вместе с 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 просмотров
schedule
16.04.2023
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 просмотров
schedule
22.05.2023
MdMenu остается всегда открытым и никогда не закрывается, angular 2+
Я использую Material design для Angular 2 , я начал только сейчас и пытаюсь использовать MdMenu для отображения меню, когда экран имеет небольшой размер. размер. Моя проблема в том, что меню остается всегда открытым и никогда не закрывается, и я...
118 просмотров
schedule
20.01.2023
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