Описание тега mat-list
«mat-list» — это компоненты-контейнеры Material Design для Angular, которые оборачивают и форматируют ряд элементов строки.
1
ответ
Как добавить нумерацию вкладок в горизонтальный список матов
Может кто-нибудь предложить хороший способ реализовать функциональность нумерации страниц, которую вы видите выше, в <mat-tab-header> на горизонтальном <mat-list>, Мне не нужно использовать <mat-list> Я просто подумал, что это был…
24 янв '19 в 11:42
0
ответов
Угловой материал mat-list-item альтернативного цвета строки с использованием пользовательских CSS не работает
Я пишу приложение Angular и использую mat-list-item для добавления строк в свою сетку данных. Сетка с родительской строкой будет расширяться и показывать дочерние строки при нажатии. По умолчанию все родительские строки свернуты. Я получил все дочер…
12 мар '19 в 15:07
3
ответа
NoneMat -selection-list с объектом, это возможно?
Я просматривал список выбора матов, найденный в документации к material.angular.io по адресу material.angular.io/components/list/overview Я хотел бы использовать массив объектов вместо использования строкового массива. Документация имеет typesOfShoe…
19 июн '19 в 15:21
1
ответ
Angular 8 Добавление элемента в массив и обновление отображения в mat-list
У меня есть компонент загрузки файлов и сбоку список действий-матов, в котором отображаются все загруженные файлы. Когда пользователь загружает один файл, он, как и ожидалось, добавляет его в конец списка. Однако, если они загружают другой файл, он …
01 окт '19 в 17:16
2
ответа
Использование списка Angular с двумя столбцами
Как я могу использовать угловые списки с двумя столбцами текста слева и справа? Базовый пример, показанный на сайте angular, следующий: <mat-list> <mat-list-item> Pepper </mat-list-item> <mat-list-item> Salt </mat-list-ite…
13 ноя '19 в 12:07
0
ответов
Angular - высота списка выбора матов в гибком макете
У меня есть контейнер гибкого макета с несколькими элементами в ряд. Один из них - список выбора матов с почти 50 значениями. Я попытался ограничить высоту списка выбора матов в CSS. Действительно, размер списка выбора матов изменен правильно, но вы…
25 мар '20 в 01:05
0
ответов
Сохранять анимацию пульсации углового материала после нажатия
Я использую mat-list с matRipple для анимации кликов. Обычно анимация ряби мата исчезает через некоторое время, ею можно управлять с помощью RippleGlobalOptions, но я хочу сохранить анимацию после щелчка, чтобы цвет фона не изменился. Итак, есть ли …
28 апр '20 в 16:20
1
ответ
angular 7 - список уникальных элементов в массиве json
У меня есть массив json, как показано ниже, items=[ {name:"first",subname:"first 1"}, {name:"first",subname:"first 2"}, {name:"first",subname:"first 3"}, {name:"second",subname:"second 1"}, {name:"second",subname:"second 2"} ]; Что я хочу отобразить…
08 май '20 в 12:58
1
ответ
formControlName для mat-list дает 'поле mat-form должно содержать MatFormFieldControl'
StackBlitz (исполняемый пример) Угловой HTML-шаблон для компонента <form [formGroup]="myForm"> <mat-form-field> <input matInput placeholder="name" formControlName="name"> </mat-form-field> <mat-form-field> <mat-list …
29 ноя '19 в 09:08
0
ответов
mat-selection-list не показывать флажок при первой загрузке с использованием вызова ссылки маршрутизатора
Я использую angular материал 6.4.7 и angular/cdk 6.4.7. В простом примере ниже: Test.component.html: <mat-selection-list #shoes> <mat-list-option *ngFor="let shoe of typesOfShoes"> {{shoe}} </mat-list-option> </mat-selection-lis…
24 май '20 в 11:07
2
ответа
mat-list для отображения нескольких элементов
У меня есть файл машинописного текста, содержащий постоянные данные, как показано ниже: export const HELPERS: Helper[] = [ { id: '0', name: 'Joan', image: '/assets/images/img.png', designation: 'Chief', abbr: 'TO', description: 'testing data' }, // …
16 июн '20 в 20:31
1
ответ
Убрать границу в фокусе - mat-list
У меня проблема с рамкой в элементе списка матов, которую я не могу решить. Я искал решение на веб-сайте материала, но не нашел его. Когда я нажимаю на значок, появляется эта синяя граница, я не нашел класса css, который заставляет это происходить…
10 апр '20 в 17:44
1
ответ
Как я могу создать это в angular?
введите описание изображения здесь Я пробовал составить этот мат-лист. но я также должен добавить нумерацию страниц, поиск и фильтрацию. Любая помощь будет оценена по достоинству.
15 апр '21 в 13:00
0
ответов
Сохранение нескольких свойств в компоненте Angular mat-list
При использовании компонента Angular 11 mat-list-option я могу установить свойство [value] следующим образом: <mat-selection-list [multiple]="false" #data (selectionChange)="onSelection($event)"> <mat-list-option *ngFor="let element of rawD…
29 апр '21 в 15:17
1
ответ
Применение данных ко всем записям в мат-списке
у меня есть вопрос, на который я не нашел ответа. Скажем, у меня есть мат-лист с n элементами в списке. У меня есть поле, которое очень часто нужно заполнить одним и тем же значением. Но вместо копирования и вставки значения я хочу, чтобы оно примен…
17 май '21 в 18:57
1
ответ
Добавление Ng для нарушения изгиба Mat-line в angular 9
Мне нужно отобразить как в примере ниже НО, когда я добавляю ngfor, он разбивает строку гибкой линии mat в столбец. HTML <mat-list *ngFor="let list of lists"> <mat-list-item *ngFor="let car of list.cars | keyvalue"> <h3 mat-line> {…
26 июн '21 в 01:11
1
ответ
Изменение порядка строк в списке матов с помощью кнопок «Вверх» и «Вниз»
Мне нужно перемещать вверх и вниз строки списка матов при нажатии кнопки со стрелкой, присутствующей в каждой строке. Использование параметров перетаскивания с помощью cdk/drag-drop не требуется, но это можно сделать с помощью простых кнопок. Есть л…
01 сен '21 в 13:04
0
ответов
Активировать mat-list-item при нажатии в Angular
У меня есть mat-nav-list со следующим кодом: <a mat-list-item routerLinkActive="list-item-active" routerLink="/dashboard"> <mat-icon>dashboard</mat-icon> Dashboard </a> <mat-list-item (click)="showSubmenu = !showSubmenu" r…
16 дек '21 в 13:11
1
ответ
Mat-selection-list удалить выделение
Когда я нажимаю на опцию, это список выбора мата, тогда он остается выделенным Однако я хочу удалить выделение, потому что при нажатии на эту опцию открывается диалоговое окно, и при закрытии диалогового окна я хочу, чтобы список вернулся в нормальн…
29 янв '21 в 09:51
0
ответов
Верхнее выравнивание флажка mat-list-option с содержимым
Я пытаюсь выровнять флажок mat-list-option с текстом, чтобы оба могли выравниваться вверху, но каким-то образом они выравниваются по центру Изображение Если вы видите изображение, я хочу выровнять метку «Обязательно» с флажком, но флажок отображаетс…
28 июн '22 в 20:11