Вопросы с меткой [angular-material]

Зависимость Angular для реализации пользовательского интерфейса, предоставляет набор компонентов в стиле Material Design от Google. Не используйте данный тег с AngularJS

Фильтрация
Сортировка
Метки
1 голос
1 ответ
480 показов

angular mat-table сортировка и пагинатор не работают

Решил сделать вот такую форму Все делаю как по гайду + нашел такой же компонент, но без кнопок. И вроде бы ничего не отличается от предложенного, но у меня не работает, а там работает. Сортировка ...
Alexandr's user avatar
  • 454
1 голос
1 ответ
1k показов

Не работает angular material в angular 7

Uncaught Error: Template parse errors: 'mat-checkbox' is not a known element: If 'mat-checkbox' is an Angular component, then verify that it is part of this module. If 'mat-checkbox' is a Web ...
Vasilii Maslov's user avatar
1 голос
0 ответов
145 показов

Angular-material

проблема с иконками в Angular-material. Не то что проект не отображает иконки, даже сайт https://material.angular.io/ не отображает иконок, как я понял проблема в браузере, пробовал переустановить ...
Vahan's user avatar
  • 284
1 голос
1 ответ
85 показов

Не получается добавить в проект angular material

Проект AspNet core с Angular CLI: 8.3.26, все работало нормально, но мне нужен еще angular material. При попытке использовать команду ng add @angular/material, получаю ошибку The add command requires ...
Pavel Kravets's user avatar
1 голос
1 ответ
62 показа

Как убрать angular material progress bar?

У нас на проекте настроено так, что при переходе на какую-либо страницу, всплывает angular material progress bar. После завершения загрузки страницы, когда мы уже перешли на другую, прогресс бар ...
urglmorl's user avatar
  • 115
1 голос
0 ответов
234 показа

При добавлении Angular Material DatePicker появляется второй input

Добавляю в проект Angular DatePicker, по непонятной причине добавляется дополнительное поле из-за чего искажается отображение элемента. Html стандартный из примера: <mat-form-field> &...
Богдан Караван's user avatar
1 голос
0 ответов
76 показов

Как изменить скорость анимации тултипов в angular-material?

Как изменить дефолтное значение скорости анимации (animate), которое заложено в библиотеке? Пробовала изменить значение стиля transition в css по селектору - не сработало TooltipComponent....
elie_'s user avatar
  • 77
1 голос
1 ответ
514 показов

Не работает mat-form-field

Делаю таблицу с использованием Material Angular. Добавил сортировку и пагинацию. Но когда я хочу добавить форму для фильтрации все сбивается и в итоге нечего не работает. Что я мог сделать не так? В ...
user avatar
1 голос
0 ответов
58 показов

Изменение ширины директивы в зависимости от контента

Есть два таба. Второй не важен, а в первом отрисовывается график с помощью dagreD3. После загрузки данных(ajax), выстреливается $rootScope.$broadcast("drawGraph"); Проблема в следующем: Родительский ...
rjhdby's user avatar
  • 13.9k
0 голосов
1 ответ
201 показ

Angular8 как призвязать елементы к FormControl из FormArray

Подскажите как привязать <input matInput value="{{control.value['label']}}"> и <mat-select> к FormControl. Я думал может быть как-то <input matInput value="{{control.value['label']}}" [...
A191919's user avatar
  • 125
0 голосов
2 ответа
405 показов

Почему не работает сортировка в mat-table?

Подскажите почему не работает сортировка в табличке, все делаю по примеру из официальной документации Angular Material Код шаблона: <h5 class="card-title">****************</h5> <...
Вячеслав's user avatar
0 голосов
2 ответа
313 показов

Angular material тег mat-checkbox зачеркнуть текст при checked true

Всем доброго времени суток Есть такой чекбокс: <section class="example-section"> <mat-checkbox class="example-margin" (change)="func" [checked]="...
Нойберт's user avatar
0 голосов
2 ответа
507 показов

Как добавлять компоненты? Angular Material

Создал проект, решил добавить некоторые компоненты Material Angular. ng add @angular/material После этого добавил новый модуль Material ng g m material Добавил модули кнопок и чекбоксов в material....
LETSDRUM's user avatar
  • 299
0 голосов
1 ответ
119 показов

Как из поля ввода получить два значения?

Есть форма, в которой поле ввода с автоподстановкой ФИО из списка. Соответственно, value этой формы является строкой, чтобы пользователь видел выбранного им человека . Вот код шаблона: <form ...
Вячеслав's user avatar
0 голосов
1 ответ
596 показов

Angular material как вручную пометить поле не валидным (и перекрасить в красный) если в поле валидное значение

Форма для регистрации, заполняются поля и отсылаются на сервер. Сервер присылает ответ что email уже занят. Тогда я хочу подсветить поле email как не валидное но при этом значение в этом поле ...
Sergei R's user avatar
  • 539
0 голосов
0 ответов
53 показа

Error: Can't find stylesheet to import. ╷ 2 │ @use '@angular/material' as mat;

@use '@angular/material' as mat; @include mat.core(); $my-primary: mat.define-palette(mat.$indigo-palette, 500); $my-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400); $my-theme: mat....
Romka Mall's user avatar
0 голосов
1 ответ
135 показов

Mat-table мультифильтр для таблицы. filterPredicate

Не могу сделать чтобы фильтры работали отдельно, фильтр для колонок и общий фильтр. applyFilterInput(filterValue: string) { this.dataSource.filter = filterValue.trim().toLowerCase(); } ...
Super Sankovich's user avatar
0 голосов
1 ответ
104 показа

Как разместить тест в в mat-toolbar по центру

Пытаюсь разместить текст по центру в элементе mat-toolbar Angular Material. Но он все равно остается в левом углу. Пробовал использовать при выравнивании Bootstrap, все равно тест остается с лева. ...
alexmntmnk's user avatar
0 голосов
1 ответ
286 показов

как использовать одновременно formControlName и [(value)] в mat-select

<mat-form-field appearance="outline" class="mat-input"> <mat-label>User role</mat-label> <mat-select [(value)]="selected" formControlName=...
milana's user avatar
  • 11
0 голосов
1 ответ
46 показов

Angular: При создании селекта с помощью ngFor, одинаковые опции у всех селектов

Моя задача это создать шаблон селекта и позже с помочью DragDrop CDK копировать его в мой компонент сколько угодно раз с возможностью изменять опции. Проблема в том что мой шаблон работает на ...
IRainbovvI's user avatar
0 голосов
0 ответов
124 показа

Генерация Angular Material Theme

Работая с Angular и в частности с Material, задался вопросом о динамической генерации темы. Ситуация следующая: С помощью этого ресурса я генерирую SASS объекты $pallete: ( 50 : #e1e7ec, ...
Sumskyi Vasyl's user avatar
0 голосов
0 ответов
391 показ

Изменение стиля в дочерних компонентах Angular Material Tree

Мне нужно поменять цвет дочерних элементов дерева. Я получаю данные этих элементов: но я никак не могу понять как мне используя эти данные изменить через ngClass мой css для этих элементов Вот как я ...
Nikita's user avatar
  • 1
0 голосов
1 ответ
665 показов

Кастомизация темы Angular Material 9.2.4

Друзья, пытаюсь кастомизировать тему для Angular Material. Кажется делаю все согласно официальному гайду. @import "~@angular/material/theming"; $md-editor: ( 50: #e4f6ff, 100: #bce9ff, ...
Андрей Керничный's user avatar
0 голосов
1 ответ
55 показов

Приложение Angular. Ошбики в консоли

Я пишу приложение Angular + Yii2, у меня почти готова форма редактирования кандидата, но я никак не могу избавиться от ошибок, которые вываливаются в консоль: Я попытался воспользоваться elvis ...
grpetr189853's user avatar
0 голосов
0 ответов
161 показ

Could not find Angular Material core theme. Most Material components may not work as expected

Я только начинаю изучать ангуляр. Почему при добавлении в app.module.ts: import { MatToolbarModule } from '@angular/material/toolbar'; ... imports: [ MatToolbarModule ] ... В консоли возникает ...
Vadim's user avatar
  • 313
0 голосов
0 ответов
40 показов

Reactive Forms/ Angular Material dialog

Возможно банальный вопрос, просто из головы вылетело как решить. Есть модальное окно в которое может передатся данные изначально либо нет. В зависимости от присуствия данных, в FormControl может быть ...
Stepa Demchenko's user avatar
0 голосов
1 ответ
454 показа

Angular 8. Список элементов с действиями по свайпу в стороны

Хочу реализовать функциональность жестов свайпов, как показано в материал дизайне: https://material.io/components/lists/#behavior (прокрутите один экран вниз к разделу Gestures). К сожалению, я ...
Dmytro's user avatar
  • 89
0 голосов
0 ответов
54 показа

Angular Создание кликабельного списка по топологии Material-design с раскрывающимся на фул скрин окном подробностей

На сайте материал дизайна показан пример, который я хотел бы воплотить в жизнь: https://material.io/design/components/lists.html#behavior Хочу в вебе на Angular 8 реализовать кликабельный список ...
Dmytro's user avatar
  • 89
0 голосов
0 ответов
79 показов

Стилизация строки таблицы по событию

Когда добавляется новая строка в таблицу, к конкретно этой строке должны применяться стили класса lineStyle. На данный момент, класс применяется ко всем строкам таблицы. users.component.html: &...
new_user503's user avatar
0 голосов
1 ответ
208 показов

Angular 2/8 + Mafterial Добавить иконку в Slide toggle

Всем привет. Необходимо внутрь включенного Slide toggle добавить иконку, что бы выглядело вот так: В идеале, что бы картинку можно было брать из assets. Стандартное API не дает такой возможности. ...
Dmytro's user avatar
  • 89
0 голосов
0 ответов
53 показа

Переопределение стандартной анимации material компонентов

Подскажите как переопределить анимацию перехода для mat-vertical-stepper и можно ли это сделать вообще?
se3os's user avatar
  • 87
0 голосов
0 ответов
254 показа

Не работает сортировка в angular material MatSort

Создаю таблицу с помощью MatTableDataSource, фильтрация работает отлично, а вот сортировка не работает вовсе, никаких ошибок не выдает, все подключено. Подскажите в чем может быть проблема. <...
RaudByorn's user avatar
0 голосов
1 ответ
671 показ

Angular CLI & Material table

Всем привет. Подскажите пожалуйста, почему у меня не происходит отображение данных в Material table. Никак не могу понять. Причем данные есть, мало того, количество строк соответствует реальному ...
titaniche's user avatar
0 голосов
1 ответ
106 показов

Как изменить направление колонок в Angular Material table?

Кто-нибудь знает как в таблице из этого примера: https://stackblitz.com/angular/dlxbkjqaoba?file=app%2Ftable-basic-example.ts Сделать так, чтобы колонки были направлены горизонтально, примерно как на ...
endovitskiiy's user avatar
0 голосов
0 ответов
52 показа

Angular js. Как получить результат из диалогового окна для единственной ячейки без повтора?

Есть рабочий код, который позволяет передавать данные из диалогового окна в таблицу. Для одного ряда все работает хорошо. Но если я хочу добавить несколько строк в таблицу, то я получаю результат ...
alexeyll's user avatar
0 голосов
1 ответ
308 показов

Как установить значение checked для mat-selected (Angular Material)?

По сути использую пример https://stackblitz.com/angular/qvpjxrjarkj Шаблон компонента <mat-form-field> <mat-select placeholder="Columns" [formControl]="settings" multiple> &...
Виктор Говорин's user avatar
0 голосов
1 ответ
85 показов

draw mat-table angular values from oracle query [закрыт]

I'm trying to draw a table using the mat-table. the data goes in the following form: values of displayedColumns must take from array: metaData:Array(2)[0:{name: "USERNAME"},1:{name: "SCORE"},2:{name:...
Ulugbek Diyarov's user avatar