Описание тега mat-tab

Вопросы с тегом
1 ответ

Угловой 6: дисплей выпадающий, кроме вкладки мат

Я пытаюсь отобразить раскрывающийся список помимо одной из вкладок, и пользователь должен иметь возможность щелкнуть параметры раскрывающегося списка. Может кто-нибудь, пожалуйста, помогите и дайте идею, как мне этого добиться. Я пытался загрузить s…
27 сен '18 в 04:14
2 ответа

Как я могу сосредоточиться на конкретной вкладке мат

<mat-tab-group mat-stretch-tabs #tabGroup (focusChange)="tabChanged($event)" [selectedIndex]="0"> <mat-tab label="DATOS EXPEDIENTE"> <div class="example-large-box mat-elevation-z4"> <app-informe-expediente></app-informe-ex…
12 дек '18 в 08:49
1 ответ

Как добавить нумерацию вкладок в горизонтальный список матов

Может кто-нибудь предложить хороший способ реализовать функциональность нумерации страниц, которую вы видите выше, в <mat-tab-header> на горизонтальном <mat-list>, Мне не нужно использовать <mat-list> Я просто подумал, что это был…
24 янв '19 в 11:42
2 ответа

Материал вкладки матовый angular6 selectedIndex не работает с *ngFor

Я отображаю несколько вкладок с циклом ngFor, используя вкладки Angular Material. Это работает правильно, однако теперь я хотел бы открыть вторую вкладку при инициализации, а не первую вкладку. Поэтому я добавляю свойство selectedIndex в группу mat-…
14 июл '18 в 19:07
4 ответа

Невозможно расположить предметы, прикрепленные внутри ковриков

Я пытаюсь разместить свое изображение в position: -webkit-sticky; position: sticky; top: 1px; однако не может достичь этого. HTML: <mat-tab-group class="user-tabs" (selectedTabChange)="changeUserTab($event)"> <mat-tab label="Selectable Task…
03 окт '18 в 13:08
0 ответов

Как использовать содержимое вкладок в навигационной панели Angular 5+?

Я следовал этому руководству для вкладок в угловых 5+. Html: <div style="padding: 5px;"> <nav mat-tab-nav-bar> <a mat-tab-link *ngFor="let routeLink of routeLinks; let i = index;" [routerLink]="routeLink.link" routerLinkActive #rla="r…
18 авг '18 в 14:13
2 ответа

Как получить элемент mat-tab по id в угловых 6?

Я пытаюсь получить элемент mat-tab с его идентификатором, но по какой-то причине команда document.getElementById() возвращает значение null, а не элемент mat-tab. Пример: https://stackblitz.com/edit/angular-mn5tt6 Может кто-нибудь сказать, почему эт…
29 авг '18 в 09:58
7 ответов

mat-tab не является известной ошибкой элемента

Я пытаюсь использовать мат-таб. Я добавил приведенный ниже код в HTML <mat-tab-group> <mat-tab label="Tab 1"> <app-latest-article></app-latest-article></mat-tab> <mat-tab label="Tab 2"> <app-trending-article&gt…
03 май '18 в 07:02
1 ответ

Упаковщик вкладок угловых материалов - добавление новой вкладки не отражается в пользовательском интерфейсе

Я пытаюсь создать обертку вокруг MatTabs который выставляет все свойства MatTabs и наткнулся на этот вопрос: угловые вкладки материала не работают с компонентом оболочки. Я добавил другие свойства вкладок и события к нему. События, кажется, запускаю…
04 сен '18 в 13:32
1 ответ

Настройка вкладки углового материала с помощью класса

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

Угловой материал - точно знать, какая вкладка была выбрана

Так что я мог пропустить что-то очевидное в документах, но я просто ищу простой способ найти вкладку, выбранную в следующем сценарии: Посмотреть <mat-tab-group (selectedTabChange)="onTabChange($event)"> <mat-tab *ngIf="true" label="Label1"&…
01 ноя '18 в 10:33
0 ответов

Вкладки mat-tab-group не отображаются после переключения родительских вкладок

У меня есть пример, где мне нужно использовать вложенные вкладки и таблицы. https://stackblitz.com/edit/angular-bgl1f2 Когда я переключаю родительские вкладки (Просмотр M2), а затем пытаюсь переключить дочерние вкладки (M3), вкладки не отображаются.…
25 апр '18 в 03:06
2 ответа

Вложенные угловые вкладки материала

У меня есть требование для добавления динамических вкладок к некоторым User Preferences экран. Основной предпочтительной вкладкой может быть статическая вкладка со статическим содержимым, но вторая вкладка должна быть вложенной mat-tab элементы. Эти…
07 ноя '18 в 17:41
1 ответ

mat-tab - щелчок вызывает эффект ряби, но не изменение вкладки

В моем приложении angular-electronic я использую mat-tab-group, в каждой вкладке я загружаю один и тот же экземпляр компонента. У меня есть два способа создания новых вкладок: - один нажатием кнопки в компоненте, который содержит группу мат-вкладок …
03 фев '19 в 20:07
0 ответов

Как сделать панель инструментов nav mat-tab-nav-bar липкой

Я использую компонент MatTabNav Navigation и хочу, чтобы моя панель инструментов с вкладками была липкой. Как я могу это сделать? Определение вкладок:HTML <nav mat-tab-nav-bar > <a mat-tab-link *ngFor="let routeLink of routeLinks; let i = i…
27 ноя '18 в 18:04
0 ответов

Структура таблицы данных дизайна материала со статическими данными

Как я могу использовать макет таблицы данных дизайна материала без источника данных (статические данные)? Я не могу найти пример для этого варианта использования на https://material.angular.io/components/table/examples. Например, я попробовал следую…
05 июл '18 в 09:43
0 ответов

Mat-tab-body-wrapper, не может редактировать css (угловой)

Я не могу изменить обертку тела вкладыша мата, которая ограничивает размер вкладки мата. ех. .mat-tab-body-wrapper { height: 100%: } Извините, Stackru заставляет меня комментировать некоторые ненужные вещи, которые вы можете увидеть с помощью NG-шаб…
08 ноя '18 в 17:57
2 ответа

Угловой материал 2 - отображение текста метки табуляции в двух строках (например, заголовок и подзаголовок)

Я хотел бы отобразить текст в mat-tab-label как заголовок и субтитры. Например, как на заголовке mat-card, где заголовок и субтитры могут быть установлены и отображены один под другим. Можно ли сделать так, чтобы текст в mat-label отображался как эт…
13 авг '18 в 13:13
0 ответов

Ag-Grid с угловым материалом.

Имейте сетку 2 ag в 2 разных вкладках, например: <mat-tab-group fxFlex> <mat-tab label="Tab 1"> <h2>List 1 <mat-icon (click)="open1()">add_circle_outline</mat-icon> </h2> <ag-grid-angular [gridOptions]="gridOpt…
27 сен '18 в 14:00
0 ответов

Зачем mat-tab-nav-bar нужно 2 клика для загрузки содержимого маршрутизатора?

Я использую mat-tab-nav-bar реализовать функцию угловых мат-вкладок со ссылками на роутеры. xxx.component.html: <nav mat-tab-nav-bar> <a *ngFor="let link of navLinks" mat-tab-link #rla="routerLinkActive" [active]="isViewInitialized &&am…
17 фев '19 в 11:22