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

1 ответ

npm install угловой материал застрял

node — 16.3.2, npm — 8.1.2, Typescript — 4.8.2, Angular cli — 15.0.4 Я создал новое приложение Angular. Я могу запустить npm install и добавить необходимые пакеты. Однако установка npm не работает только для Angular Material. Когда я пытаюсь запусти…
11 фев '23 в 04:05
0 ответов

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

Здравствуйте, я использую средство выбора диапазона дат углового материала. (угловой материал 14). <mat-form-field appearance="fill"> <mat-date-range-input [rangePicker]="picker" [max]="today"> <input matStartDate [(ngModel)]="item.st…
1 ответ

Цвет фона всплывающей подсказки Angular 15 (MDC) (через тему)

С Angular14 я смог определить цвет фона матовых всплывающих подсказок с помощью $theme: ( color: ( ... background: ( ..., tooltip: red ) ) ) @include mat.all-component-colors($theme); Теперь свойство с именемcolor.background.tooltipдаже генерируется…
17 янв '23 в 16:05
3 ответа

NullInjectorError: Нет провайдера для MatSelect! После обновления до углового материала 15

Я обновил угловой проект с v14 до v15.0.4, и mat-select выдает ошибку. До обновления работало полностью. Угловая версия: 15.0.4 Угловая версия материала: 15.0.4 ERROR NullInjectorError: R3InjectorError(TestModule)[MatSelect -> MatSelect -> Mat…
1 ответ

Angular Material 15 - Как изменить цвет границы контура поля mat-mdc-form-field

Как изменить цвет подчеркивания контура поля формы мата в Angular Material ** Версия 15 ** этот post stackoverflow был очень полезен, но я не мог изменить цвет границы с помощью этого, потому что у нас нет свойства $border на mat.define-typography-l…
17 фев '23 в 16:13
1 ответ

Перезаписать переменные CSS из Angular Material 15

В новом Angular Material 15 есть некоторые «критические» изменения в отношении цветов и интервалов. Поэтому мне нужно перезаписать значения переменных CSS по умолчанию. я определяю в своемstyles.scss :root { --mdc-typography-button-letter-spacing: '…
06 фев '23 в 13:10
0 ответов

Angular Material Theme не работает после обновления с 14 по 15

Может ли кто-нибудь помочь мне понять, что произошло с моей темой, когда я обновляю Angular и Angular Material с 14 до 15. То, как я использую для создания темы в Angular Material14, я использую тот же способ для создания темы в Angular Material 15 …
1 ответ

Кнопка со значком и текстом в материале 15

Я надеюсь, что это простой вопрос - как я могу определить кнопку со значком и текстом в материале 15 <button mat-button> <mat-icon>keyboard_arrow_left</mat-icon> Back To Home </button> Но не выравнивается
0 ответов

Angular Material 15 - Навбар как создать?

Я прочитал документы Angular Material и нашел панель инструментов в качестве компонента. Что само по себе хорошо, но не обязательно является файлом . А что-то вроде Остается сверху (или сбоку) выбранные элементы имеют автоматически назначенные класс…
07 фев '23 в 08:08
1 ответ

Angular Material 15: Как изменить размер сфокусированных компонентов, таких как автозаполнение или средство выбора даты?

я обновился до материала 15, я хочу спросить, как я могу изменить высоту или общий размер сфокусированного компонента, такого как автозаполнение или средство выбора даты, https://m2.material.io/design/layout/applying-density.html#usage , эта страниц…
2 ответа

Angular Material v15 Theme + Typography, текст по умолчанию не оформлен

Когда я настраиваю тему, чтобы установить шрифт... некоторый текст получает правильный стиль (например,<mat-card-title> <mat-card-action>и т. д) но некоторые другие нет (например,<p> <span> <mat-card-content>) и по умол…
0 ответов

Миграция на Angular Material с 14 на 15 не удалась

Следуя руководству по миграции, я пытаюсь запустить ng generate @angular/material:mdc-migration Это результат, который я получаю: ? Limit the migration to a specific directory? (Enter the relative path such as 'src/app/shared' or leave blank for all…
0 ответов

Не знаете, как обновить материал Angular 15? Должны ли все мои теги отражать mat-mdc-.....?

Недавно мы обновились до версии 15. Все работает стабильно, очевидно, мы нашли несколько мест, где существенные изменения изменили внешний вид наших приложений для конечных пользователей. Однако я в замешательстве: после запуска сценария миграции, х…
0 ответов

Установите отключенный текст в Angular Material v15

Я обновляю свое приложение Angular до версии 15. Раньше (в версии 14), чтобы иметь собственный цвет для отключенного текста, я устанавливал свойство отключенного текста в своей пользовательской теме материала, выполнив следующие действия: $my-theme:…
1 ответ

Пользовательская тема Angular не меняет типографику

Я пишу интерфейс, используя Angular 15.2.0 и Angular Material 15.2.6 . Я хочу определить тему, которая использует эти цветовые палитры: основной: индиго вторичный: зеленый предупреждение: красный А также используйте Noto Sans вместо Roboto в качеств…
0 ответов

Материал Angular 15 — CSS для отключенных полей формы

После нашего обновления до Angular 15 конечные пользователи были расстроены непрозрачностью отключенных полей формы. Я безуспешно пытался получить доступ к структуре классов в CSS. Я пробовал все из: .mat-mdc-form-field, .mat-mdc-form-field-type-mat…
15 май '23 в 17:49
0 ответов

err:NG 8001 mat-paginator не является известным элементом в Angular 16

Я пытаюсь добавить angular/material в проект angular 16. Для этого я создал app.module.ts и mycomComponent.module.ts и mycomComponent.comComponent.html. Попытка запустить команду «ngserve», приведенную ниже, приводит к ошибке: l:3:9 - error NG8001: …
1 ответ

Как отключить эффект Ripple + hover от мат-кнопки в Angular Material 15

Я использую Angular 15 с Материалом 15 и пытаюсь добавить кнопку без волнового эффекта/эффекта наведения. Раньше это работало в угловом материале 12: <button mat-button [disableRipple]="true">DoSomething</button> Но теперь он все еще пок…
14 июл '23 в 06:44
1 ответ

Удалить наведение курсора и сфокусировать цвет на поле формы материала в угловом материале 16?

Простая форма, такая <form [formGroup]="myForm"> <mat-form-field class="my-light-field"> <mat-label>Name</mat-label> <input matInput type="text" [value]="myObj?.name" required readonly/> </mat-form-field> </for…
18 июл '23 в 16:15
0 ответов

Angular 15 mat-checkbox, для проверки используйте собственную логику

Я использую Angular 15, а также компоненты материалов. Я хотел использовать флажок материала и реализовать свою собственную функцию (функцию щелчка), где я установил для checkItem.start значение true/false и где я ожидал, что флажок должен быть уста…