Описание тега angular-material-5

Описание тега Вопросы с тегом
Angular Material - это реализация Material Design в Angular. Не используйте этот тег для AngularJS Material, реализации Material Design для более старой структуры AngularJS.
10 ответов

Получить индекс строки в таблице угловых материалов v5

Я пытаюсь получить индекс строки в таблице, в HTML, который был реализован с использованием углового материала v5.2. Есть ли способ получить индекс? Код для справки: <div class="example-container mat-elevation-z8"> <div class="example-heade…
11 май '18 в 12:27
6 ответов

Как сделать Угловую Таблицу Материалов с липким первым столбцом

Есть ли способ сделать Angular Material с липким первым столбцом, используя CSS? Здесь готов редактировать код Stackblitz Я попытался адаптировать это решение https://jsfiddle.net/zinoui/BmLpV/ но по некоторым причинам первый столбец выбрасывается и…
09 май '18 в 19:59
0 ответов

Angular 5 Mat paginator не работает с динамически Paginate

У меня проблемы с тем, чтобы правильно получить работу Mat-PAginator. Я получаю правильные значения для длины paginator и значений размера страницы. M Данные таблицы y поступают из API с разбивкой на страницы = конец. Так что проблема в том, что ког…
18 авг '18 в 17:55
0 ответов

Я должен дважды нажать на кнопку, чтобы вызвать метод

Следуя этому примеру на stackblitz, я хотел реализовать select all/ deselect all в Angular Materials Mat-select. Все работает отлично, но мне приходится дважды нажимать на кнопки, чтобы вызывался метод выбора или отмена выбора. Вот мой код HTML: &lt…
06 июн '18 в 12:05
1 ответ

Как закрыть все диалоговые окна, открытые с помощью angular-materiel одновременно

Я использую угловой компонент материала в своем угловом приложении, чтобы открывать диалоговое окно всякий раз, когда возникает ошибка с сервера. Если одновременно возникает многократная ошибка, это открывает несколько диалоговых окон, что хорошо дл…
13 апр '18 в 19:36
1 ответ

Изменить стиль кнопки Угловой материал в зависимости от разрешения

Мне нужно удалить текст с моей кнопки, если экран маленький по размеру. Что я и сделал, используя Flex API. Мне также нужно изменить стиль кнопки на "mat-mini-fab" с "mat-поднял-button". Как сделать атрибут этой кнопки условным? Например, на маленьк…
05 июн '18 в 18:19
1 ответ

Как создать пользовательскую фильтрацию с использованием MatTableDataSource в angular 5?

В официальном веб-сайте Angular material Таблица угловых материалов упоминается, что filterPredicate: ((data: T, filter: string) => boolean) будет фильтровать данные на основе определенного поля. Но не знаю с чего начать. Есть ли какой-нибудь пример…
19 апр '18 в 17:25
1 ответ

Не могу исчезнуть заполнитель после того, как сосредоточиться на нем

Здесь я использую форму углового материала для формы входа, используя Angular5. при запуске приложений заполнитель формы входа не может быть перезаписан. Но как только я войду и выйду из системы, только поля ввода будут перезаписаны. Скриншот <fo…
09 июн '18 в 03:49
1 ответ

Угловой материал MatGridListModule не работает. (md-grid-tile) не показывает текст

Привет, я пытаюсь использовать угловой материал в моем проекте. Это код, который я написал в HTML-файл. Здесь я пытаюсь использовать мат-сетку на панели инструментов мат <mat-toolbar color="primary"> <mat-grid-list cols="3"> <mat-grid…
29 май '18 в 11:54
0 ответов

Угловой материал DatePicker отформатированный вывод

Я использую компонент MatDatePicker в своей форме, и я хочу form.value хранить отформатированное строковое представление значения MatDatePicker, а не объекта даты. Есть ли способ сделать это, желательно не взломать?
14 апр '18 в 09:35
0 ответов

Меняем [] на [{...}]

У меня есть объект. let obj = {a:"Hello", b:"GoodBye"} Я получаю несколько объектов из цикла. Я хотел отправить все данные в источник данных таблицы данных углового материала. Я сделал массив всех предстоящих объектов из цикла, а затем отправил весь…
14 авг '18 в 14:01
0 ответов

Сравнить выбранное значение из выпадающего списка со всеми элементами выпадающего списка

Как мы можем сравнить имя выбранного значения в раскрывающемся списке с именем всех элементов в раскрывающемся списке, если не соответствующий элемент будет отключен в раскрывающемся списке. employee[ {"id":1001,"name":"robin_010"}, {"id":1002,"name…
08 июн '18 в 02:21
1 ответ

Тематические рамки для ввода матов, mat-select и mat-paginator

Я пытаюсь тематизировать вышеупомянутые элементы. Однако, если я применяю стили в глобальной области видимости, это просто не затрагивает все аспекты элемента. Вот подход, который я реализовал / попробовал. https://stackblitz.com/edit/angular-b8a8oa…
13 окт '18 в 06:03
0 ответов

Выбор углового материала различает типы данных число и строку

Я мигрирую из другой библиотеки компонентов. В этой другой библиотеке компонент select не различает тип значения как строку, так и число. Но выбор Angular Material делает его дифференцированным. И это нарушает логику моего приложения. Так что мне ну…
06 дек '18 в 19:01
3 ответа

Мой сиденав не толкает контент, он его преодолевает

Я пытаюсь заставить Side Material Sidenav выдвигать содержимое, когда я открываю панель и, очевидно, когда она закрывается; элементы, которые были возвращены на место. В настоящее время он открывает содержимое Вот мой app-header.component.html <!…
13 дек '18 в 09:49
4 ответа

Код CSS для удаления углового материала v5 Модальный фон

Я хочу удалить фон на модальном, я знаю, что при открытии модального окна есть свойство hasBackdrop, но я хочу скрыть фон только на основании некоторого условия, которое будет иметь место на модальном. Так что я подумал, что смогу сделать это с помо…
09 авг '18 в 11:00
1 ответ

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

<mat-form-field [ngClass]="classes"> <mat-select [placeholder]="placeholder" [(ngModel)]="selectValue" [multiple]="true" #multiSelect (change)="onChange()" #itemSelect="ngModel"> <ngx-mat-select-search [formControl]="multiFilterCtrl"…
31 янв '19 в 15:14
0 ответов

Развернуть корневые узлы в дереве угловых материалов

Я знаю, что есть доступные методы для расширения и объединения всех узлов, но я просто хочу расширить первый уровень узлов (корневых узлов). Как это возможно?
31 июл '18 в 07:09
2 ответа

Как отключить анимацию в угловом материале

Я использовал угловую версию материала: 5.2.1 И хотел узнать, как отключить их анимацию, особенно matDialog. Я пробовал @.disabled, но не повезло.
17 май '18 в 06:54
1 ответ

Проблема с автономной нумерацией страниц по динамическому MatTable с matInput's (Angular 5 Material Design)

У меня есть компонент, и есть пустая форма с некоторыми matInput, и у меня есть mat-таблица с matInput в строки, все они распределены в mat-card. Количество строк в таблице является динамическим в зависимости от другого matInput (я назвал "диапазон"…
14 июл '18 в 09:29