Вопросы по теме '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 просмотров
schedule
22.05.2022
Переключитесь на вкладку 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 просмотров
schedule
01.01.2023
Угловое перетаскивание CDK с вертикальной группой вкладок мат
Поэтому я создал группу вкладок mat, которая в настоящее время работает только для вкладок, но с вложенными вкладками есть проблема, которую я покажу вам в формате gif. Только 1, 2 вложенные вкладки нельзя перетаскивать на них, все остальные случаи...
1599 просмотров
schedule
27.08.2022
динамические вкладки на основе значения json angular
в настоящее время работаю над вкладкой материала, где мне нужно динамически создавать вкладки на основе моего значения json.
Вот мой json
[
{
"regionName": "EMEA",
"regionCurrency": "USD",
"orgnazationName": "XYZ",...
422 просмотров
schedule
12.08.2022
добавить значки уведомлений на мат-вкладку
Я пытаюсь добавить значок уведомления на мат-вкладку, как на изображении ниже,
значок уведомления в правом верхнем углу вкладки
Но я не могу найти способ сделать это на вкладках углового материала. Так как значки вырезаются.
Вот пример...
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 просмотров
schedule
17.07.2022
Mat Paginator не работает в этой конкретной таблице
вы видите, что данные отображаются правильно, но элементы на странице не определены, а ширина типа ввода для поиска уменьшена, но если я перезагружу страницу, как получится? почему это проводное поведение, когда я посещаю эту страницу и когда я...
198 просмотров
schedule
22.03.2023
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 просмотров
schedule
10.10.2022
Горизонтальная полоса прокрутки внутри angular-material (mat-tab) с использованием FlexBox Grid
Я пытаюсь реализовать горизонтальную полосу прокрутки для отображения изображений, но ширина контейнера-оболочки (scroll-container) переполняется. Мне также нужно использовать сетку FlexBox, чтобы она реагировала на разные размеры экрана.
Структура...
60 просмотров
schedule
12.07.2023