Вопросы по теме 'mat-tab'

настройка вкладки углового материала с использованием класса
Я сделал свою настройку мат-вкладки следующим образом .mat-tab-label { font-weight:300; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color:white !important; font-size:18px;...
1064 просмотров
schedule 03.01.2023

Материал mat-tab angular6 selectedIndex не работает с * ngFor
Я отображаю несколько вкладок с циклом ngFor, используя вкладки Angular Material. Это работает правильно, однако теперь я хотел бы открыть вторую вкладку при инициализации, а не первую вкладку. Поэтому я добавляю свойство selectedIndex в группу...
30927 просмотров
schedule 04.08.2022

Как мне перемещаться по различным дочерним компонентам внутри матовой вкладки? (не в основной розетке)
Мой AppComponent содержит боковую навигацию и маршрутизатор. Каждый пункт меню позволяет мне переходить к другой функции. Каждый функциональный модуль состоит из четырех основных компонентов: компонент 1: список => URL / функция / список...
1910 просмотров

Переключитесь на вкладку 2 с помощью кнопки на вкладке 1, используя angular-mat-tab
Я использую угловатый материал с матовой вкладкой. Мой код выглядит так - <mat-tab-group> <mat-tab label="First"> Content 1 </mat-tab> <mat-tab label="Second"> Content 2 </mat-tab> <mat-tab...
2063 просмотров
schedule 20.04.2024

Вкладка Angular Material: предотвращение изменения вкладки mat-tab-group, если форма на текущей вкладке грязная
Я пытался предотвратить изменение вкладки mat-tab , если форма на текущей активной вкладке грязная. Но я не мог найти способ перехватить событие смены вкладки. <mat-tab-group> <mat-tab label="Tab 0" > // Tab 0 Content...
8416 просмотров

Угловое перетаскивание CDK с вертикальной группой вкладок мат
Поэтому я создал группу вкладок mat, которая в настоящее время работает только для вкладок, но с вложенными вкладками есть проблема, которую я покажу вам в формате gif. Только 1, 2 вложенные вкладки нельзя перетаскивать на них, все остальные случаи...
1599 просмотров

динамические вкладки на основе значения json angular
в настоящее время работаю над вкладкой материала, где мне нужно динамически создавать вкладки на основе моего значения json. Вот мой json [ { "regionName": "EMEA", "regionCurrency": "USD", "orgnazationName": "XYZ",...
422 просмотров

добавить значки уведомлений на мат-вкладку
Я пытаюсь добавить значок уведомления на мат-вкладку, как на изображении ниже, значок уведомления в правом верхнем углу вкладки Но я не могу найти способ сделать это на вкладках углового материала. Так как значки вырезаются. Вот пример...
1696 просмотров
schedule 04.07.2022

Меню перекрытия Mat-Table выше при прокрутке
У меня mat-toolbar помещен над mat-table внутри mat-tab , я бы хотел, чтобы панель инструментов и заголовки таблиц были видны все время, однако, когда я прокручиваю страницу вниз, панель инструментов перекрывается с таблицей. Заголовки...
1388 просмотров
schedule 13.05.2023

Как реализовать вкладки углового материала с боковыми кнопками вместо заголовка вкладки?
Вот что у меня есть - Вкладки с заголовком И вот что я хочу - Вкладки с боковыми кнопками Это мой код - .html - <div class="container"> <button (click)="onPrev()">Prev</button> <mat-tab-group...
645 просмотров

Mat Paginator не работает в этой конкретной таблице
вы видите, что данные отображаются правильно, но элементы на странице не определены, а ширина типа ввода для поиска уменьшена, но если я перезагружу страницу, как получится? почему это проводное поведение, когда я посещаю эту страницу и когда я...
198 просмотров

Angular mat-tab вернуться к первой вкладке из другого класса
Я использую mat-tab-group для создания двух вкладок, которые затем ссылаются на другие компоненты: <mat-tab-group> <mat-tab label="Notifications">...
576 просмотров
schedule 28.05.2022

ExpressionChangedAfterItHasBeenCheckedError: выражение изменилось после проверки. с Ngclass на mat-tab-group
Поэтому я хотел бы, чтобы mat-ink-bar имел разные цвета от одного и того же mat-tab-group . Я использую локальную ссылку и NgClass . Стили работают как положено, но в консоли выдает вот это ExpressionChangedAfterItHasBeenCheckedError:...
68 просмотров

Горизонтальная полоса прокрутки внутри angular-material (mat-tab) с использованием FlexBox Grid
Я пытаюсь реализовать горизонтальную полосу прокрутки для отображения изображений, но ширина контейнера-оболочки (scroll-container) переполняется. Мне также нужно использовать сетку FlexBox, чтобы она реагировала на разные размеры экрана. Структура...
60 просмотров