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

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

Открыть мат-сиденав из конечной позиции с вариантом мини-иконки

Я работаю с угловым 7 и угловым материалом. Я пытался установить <mat-sidenav> с мини-иконкой в position="end"Я хочу, чтобы при нажатии боковой навигационной кнопки все значки оставались на своих местах, как это происходит в позиции "старт" + …
12 дек '18 в 15:46
1 ответ

mat-sidenav открыт при загрузке страницы. Как мне это закрыть?

mat-sidenav открыт при загрузке страницы. Как мне это закрыть? Это мой HTML: <mat-sidenav #drawer class="sidenav" position="end" fixedInViewport="true" [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'" [mode]="(isHandset$ | async) ? 'o…
02 июн '18 в 09:39
0 ответов

Angular - вызывать боковую панель от navbar за роутером

Я пишу масштабируемое угловое приложение. Как вы заметите, я использую угловой материал. Я делю приложение на разные части, используя модули. Основные компоненты компоновки ядра довольно фиксированы, будучи navbar & footer. Они изменяются только при…
25 июн '18 в 21:49
0 ответов

Ошибка при создании боковой панели навигации в Angular

Я пытаюсь создать панель управления в Angular. Я использую угловую материальную упаковку, чтобы создать это. Мой код работает, но у меня проблема с боковой навигацией. Как вы можете видеть на изображении ниже, когда я нажимаю кнопку, ширина бокового…
03 янв '19 в 14:45
1 ответ

ng generate @angular/material:material-nav --name=main-nav генерирует файлы правильно, но они не запускаются

Я запустил простую команду, которая должна сгенерировать готовые файлы, которые будут готовы для использования в качестве навигационной панели. Он загружается правильно, но если я добавлю <main-nav></main-nav> на мою страницу app.compone…
08 июл '18 в 22:16
1 ответ

Отрегулируйте ширину циновки, когда она открыта

Когда панель навигации открыта, ширина панели навигации должна автоматически корректироваться с содержимым. <mat-sidenav #sidenav mode="side" class="primary-color main-sidenav nav- shadow" opened="true" [@sidenavState]="sidenavState" (@sidenavSta…
12 ноя '18 в 20:39
1 ответ

Угловой материал Sidenav выпуск для IOS

Я использую угловую версию 6 с дизайном материала. Я создал одну страницу, которая использует компонент sidenav в дизайне материалов, и его ссылка на stackblitz - https://angular-pxw1qr.stackblitz.io/sidenav. Когда я открываю страницу sidenav на люб…
04 окт '18 в 13:38
0 ответов

Содержимое внутри mat-sidenav-content обрезается при использовании mat-toolbar внутри mat-sidenav

Я использую угловой 5 и материал. я использовал панель инструментов внутри mat-sidenav, чтобы показать заголовок выбранной вкладки. когда я выбираю вкладку, имя которой [значение routeData здесь в коде] больше, чем ранее выбранная [выбранная по умол…
05 июн '18 в 06:37
2 ответа

Угловое свойство mat-sidenav isHandset$ | асинхронное объяснение

<mat-sidenav-container class="sidenav-container"> <mat-sidenav #drawer class="sidenav" fixedInViewport="true" [attr.role]="(isHandset$ | async) ? 'dialog' : 'navigation'" [mode]="(isHandset$ | async) ? 'push' : 'push'" [opened]="!(isHandset…
04 сен '18 в 03:45
2 ответа

Угловой 6 - Материал сденав горизонтальную прокрутку

В Angular 6 я использую навигацию по материалам, а также дерево материалов: родитель: <mat-sidenav-container class="sidenav-container" autosize> <mat-sidenav #drawer class="sidenav" fixedInViewport="false" [mode]="sidenavMode" [opened]="sid…
17 авг '18 в 17:54
1 ответ

Угловой 5 Материал мат-сиденав тумблер не работает

Я пытаюсь заставить sidenav работать, используя официальный пример открытия / закрытия. Я новичок в Angular, так что я не уверен, как все должно работать, но для других компонентов мне до сих пор было хорошо просто взять HTML-часть примеров и измени…
11 июн '18 в 18:25
0 ответов

Панель mat-side-nav не растягивается на всю ширину окна

Я в настоящее время на среднем уровне в понимании Angular (Angular - Версия 5). Я пытался создать собственный пример приложения, и я также намерен использовать угловые компоненты материала для UX. Когда я использую mat-side-nav, содержимое навигации…
08 сен '18 в 19:58
0 ответов

Скрыть угловой материал Sidenav с кнопкой Android Назад

Можно ли скрыть компонент Angular Material Sidenav с помощью кнопки "Назад" на Android, когда вы открываете свой сайт на устройстве Android?
04 дек '18 в 18:27
0 ответов

Угловой мат-сиденав DOM элемент утечки стекаблиц

Я пытаюсь найти причину утечки памяти, которая создает отдельные элементы DOM при переключении между угловыми маршрутами. Утечка происходит, когда страницы содержат элемент управления mat-sidenav. Я создал простой пример стекаблица. Утечка кажется х…
05 фев '19 в 14:40
2 ответа

Угловой материал sidenav с подменю не нажимает должным образом, когда полоса прокрутки видна

Я использую Angular Material sidenav, и в моем меню есть подменю. Когда я открываю подменю, появляется полоса прокрутки, делающая sidenav немного больше, и он покрывает часть основного контента. Смотрите этот Stackblitz https://stackblitz.com/edit/a…
13 июн '18 в 13:05
4 ответа

Исправлена ​​иконка гамбургера угловая

Я сгенерировал компонент заголовка, используя ng generate @angular/material:material-nav --name headerв этом мне нужно исправить значок гамбургера, даже если размер экрана больше. Прямо сейчас это появляется только когда размер экрана маленький. Мне…
24 июн '19 в 09:07
0 ответов

Заставить угловой материал sidenav контейнер с панели инструментов, чтобы заполнить высоту

Я не могу заставить контейнер Angular Material заполнять высоту экрана. Содержание sidenav, а также содержимое sidenav так же высоко, как и должно соответствовать его содержанию. Я хочу иметь высоту, чтобы заполнить экран. HTML-код компонента Nav: &…
28 авг '19 в 23:40
1 ответ

Изменение размера с mat-side-nav и gridster2

Когда я переключаю Side-Nav, я жду ответа и затем вызываю gridster.resize(): sideNavToggle() { this.sideNav.toggle().then(() => { this.gridster.resize(); }); } Вот полный пример блиц-стека. Убедитесь, что окно приложения достаточно широкое, чтобы…
07 июн '19 в 09:44
0 ответов

Как использовать p-уровневое меню в мат-сиденав контенте с роутером-розеткой?

Мы использовали p-многоуровневое меню для отображения подменю в mat-sidenav, и мы поместили внутри p-многоуровневое меню не отображается правильно в mat-sidenav, как показано на скриншоте ниже: Вот скриншот: Оно должно отображать подменю (PQR, LMN) …
04 июл '19 в 14:40
1 ответ

Угловые фишки материала выглядят как прямоугольник, а не как закругленные внутри sidenav

Я создал пример Stabblitz Если вы откроете боковую панель навигации, а затем увидите чип на панели расширения, вы увидите его прямоугольную форму, но он должен выглядеть круглым. Как я могу это исправить? Изменить: это уже есть проблема на Github
21 июн '19 в 19:55