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

Angular Material - это реализация Material Design в Angular. Этот тег предназначен для версии 6.x Angular Material для Angular 6. Не используйте этот тег для других версий или для AngularJS Material, реализации Material Design для более старой структуры AngularJS.
2 ответа

Как показать опции в разделе "Выбрать" (англ. Материал 7)?

Как показать опции в разделе "Выбрать" (англ. Материал 7)? Что-то вроде выбора по умолчанию:
1 ответ

Как прокрутить всплывающее меню Angular Material вместе со страницей?

После запуска меню и отображения элементов всплывающие элементы не прокручиваются вместе со страницей. Вместо этого они кажутся оторванными от значка меню коврика, и они всегда видны, когда я прокручиваю страницу. <mat-icon class="mat-accent" [ma…
2 ответа

Укажите ширину карточки материала в качестве родительского элемента во встроенном div

Я делаю встроенный div из трех столбцов и добавляю мат-карту слева. При этом, из-за относительного положения мат-карты, div смещается вниз. И при выполнении абсолютной позиции мат-карта приходит в положение, как я хотел, однако ширина не регулируетс…
04 дек '18 в 03:45
1 ответ

Установить динамическое содержимое меню

У меня есть матовая таблица материалов angular6, в одной из колонок есть меню вызова кнопок. Я хочу, чтобы он отображал различные параметры в зависимости от значения столбца {{server.status}}. Как я могу это сделать? <ng-container matColumnDef="s…
15 фев '19 в 19:34
0 ответов

Фильтрация данных таблицы на основе выбора флажка mat-tree, угловая 6

У меня есть флажок группы, который имеет родителей и детей. Я использую следующий пример slackblitz для достижения этой цели: https://stackblitz.com/angular/nkmjydodvnp?file=app%2Ftree-checklist-example.ts На той же странице у меня есть таблица, где…
1 ответ

Как вернуть логические значения для флажка, установленного и не отмеченного в ANGULAR Material 6

Концепция, которую я хотел бы получить, - это выбор флажка ON, я хочу, чтобы значение возвращалось как TRUE, и отмена выбора ON того же флажка, я хочу, чтобы значение возвращалось как False. Это мой HTML код <div class="form-group m-form__group r…
28 фев '19 в 12:39
0 ответов

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

<mat-form-field appearance="outline" fxFlex="25" class="pr-12" *ngFor="let htmlMarketLevel of marketLevels"> <mat-label>{{htmlMarketLevel.MarketLevelName}}</mat-label> <mat-select name="Market{{htmlMarketLevel.Rank}}" [(ngModel…
09 янв '19 в 05:09
3 ответа

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

Я пытался внедрить панель инструментов mat, которая расположена после начальной панели навигации, и я не могу понять, что это правильно. Я попытался добавить класс "фиксированная позиция". Это будет работать, если начальная позиция была в верхней ча…
0 ответов

Автозаполнение TypeError

Я загружаю список через Rest с внешнего сервера. Список не отображается, и при вводе значения консоль выдает следующую ошибку: core.js:14597 ОШИБКА TypeError: account.Name.toLowerCase не является функцией COMPONENT.ts export class OrderintakeCompone…
1 ответ

Невозможно запустить ng generate @angular/material:material-nav

Я пытаюсь настроить Angular Material для проекта Angular 6. Тем не менее, при попытке запустить: ng generate @angular/material:material-nav --project=ui-project Я получаю следующее сообщение об ошибке: Cannot read property 'replace' of undefined Вот…
07 сен '18 в 03:44
1 ответ

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

Я использую Angular 6.1.3 и Angular/ Material 6.4.5 (все в последней версии). Но когда я запускаю следующий код, он всегда имеет синий блок выбора. Я пробовал это на обоих Chrome и IE, и оба имеют ту же проблему. Есть ли способ убрать синюю коробку?…
1 ответ

Как изменить стиль ввода формы углового материала на обычный ввод?

Я хочу изменить существующие строки ввода в обычные поля ввода. Как мне это сделать? Я использую угловой материал 6.4.1
0 ответов

Как сохранить проверенные узлы в угловых 6, используя дерево угловых материалов?

Я использую Angular 6, и у меня есть два компонента, один из которых является основным, а другой - для диалогового окна, и у меня есть кнопка, которая открывает диалоговое окно с деревом в нем. Узлы дерева имеют флажок! У меня есть кнопка, которую я…
2 ответа

Панель расширения мат распространяется на другие элементы HTML

У меня есть панель расширения мата, которую я хотел бы вытянуть над элементом под ним, а не просто переместить этот элемент вниз. Я попытался настроить Z-индекс элемента расширения мат, но это не сработало. Я не видел в угловых материалах docs / git…
1 ответ

Как использовать colspan и ngFor в угловом материале 6 таблицы?

Я использую Angular Material для рендеринга таблицы. Код: <ng-container matColumnDef="type"> <th mat-header-cell *matHeaderCellDef> Workout type </th> <td mat-cell *matCellDef="let workout"> {{workout.type}} </td> </…
26 июн '18 в 04:52
3 ответа

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

Я использую Angular 6.0.8 с Angular Material theme версия 6.4.0 Всякий раз, когда я пытаюсь немного изменить тему материала, она никогда не работает, так как я всегда нахожу свойства темы материала для перезаписи моих свойств CSS следующим образом: …
1 ответ

После обновления с Angular 5 до 6: ошибка: Uncaught (в обещании): TypeError: undefined не является функцией

После выполнения шагов по адресу https://update.angular.io/ для обновления моего Angular 5 SPA до Angular 6, я получил эту ошибку после перехода в приложение: ERROR Error: Uncaught (in promise): TypeError: undefined is not a function TypeError: unde…
02 авг '18 в 14:49
1 ответ

mat-checkbox inside *ngFor не работает должным образом в материале 6

Я создаю чекбоксы внутри *ngFor, используя Angular 6 Material 6. Чекбоксы отображаются правильно. Но когда я нажимаю на любой из флажков, они мерцают и не могут быть проверены должным образом. Я попробовал это в stackblitz, где это работает должным …
25 июл '18 в 10:10
2 ответа

Ошибка при импорте углового материала 6 пользовательской темы в styles.css

Я создал собственную тему, используя Angular Material 6. Когда я импортирую тему в styles.css, я получаю сообщение об ошибке: ./src/styles.css (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./src/styles.css) Сборка модуля зав…
1 ответ

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

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