Описание тега mat-card

1 ответ

На матовой карточке из углового материала неправильно отображаются символы латинского алфавита

Я использую мат-карту в угловом материале для отображения некоторых букв латинского алфавита, таких как ḍ, ḥ, ṣ и т. Д. Это все буквы с точкой внизу. Только внутри мат-карты после буквы добавляется пробел, например: aḍ ar (вместо aḍar). Как я могу у…
12 дек '18 в 04:16
2 ответа

Выровняйте текст названия материала карточки справа

Я пытаюсь выровнять мой заголовок matcard вправо, но css не работает.. почему? <mat-card [ngStyle]="{ 'margin':'5px','height':'130px'}"> <mat-card-header> <mat-card-title [ngStyle]="{ 'text-align':'right' }">BLABLA</mat-card-tit…
18 дек '18 в 17:13
1 ответ

Как использовать ngFor, чтобы карты оставались в ряд в Angular 6?

ngFor Сгенерированные карты накладываются друг на друга, а не остаются в ряд. Я генерирую карты через ngFor, я использую fxFlex="30" для каждой карты, но они сложены друг на друга. я использовал flex-wrap также, но не работал. <div fxFlex *ngIf="…
18 янв '19 в 20:30
1 ответ

Отображение карты Matrix Angular 6, полученной от Firebase Data, в случайном порядке при загрузке / обновлении страницы

Я отображаю данные из firebase. Я хочу показать свои карты в случайном порядке, когда я изменяю значение формы или обновляю страницу. Это возможно? Вот мой шаблон компонента: <ng-container *ngFor="let geoToDisplay of geosToDisplay | async"> &l…
03 окт '18 в 13:48
3 ответа

Как поместить Mat-Card Mat-card-action внизу карты, когда мы создаем карты динамически

<div class="col-xs-6 col-md-4 home-content" *ngFor="let s of abc"> <mat-card> <mat-card-header> <mat-card-title>{{s.header}}</mat-card-title> </mat-card-header> <mat-card-content> <p> {{s.Desc}} </p…
28 апр '18 в 21:48
2 ответа

Как выровнять левый и правый текст mat-card-header в угловых 4?

Мне нужно выровнять текстовое содержимое в заголовке слева и справа от заголовка тега. Я пробовал разные идеи, но ни одна из них не работает для меня. Помоги мне. <div style="width: 40%"> <mat-card> <mat-card-header class="card-contai…
2 ответа

Угловой материал условного субтитра

У меня есть следующее: <div class="wrapper"> <mat-card style="margin:1em; width: 250px; border: 1px ridge white"> <mat-card-header> <div mat-card-avatar class="verify-header-image"></div> <mat-card-title>{{name}}&…
22 июл '18 в 21:40
1 ответ

Совместите кнопку карусели с левой и правой стороны контейнера div

Как я на картинке выше, я использовал две кнопки left а также right кнопка для прокрутки изображений. Я хочу выровнять левую и правую кнопки, как показано на рисунке ниже. Вот ссылка на стек. Заранее спасибо!
22 янв '19 в 11:49
2 ответа

Неопределенный индикатор выполнения не работает должным образом

Я использую MatProgressBarModule, чтобы добавить линейную неопределенную строку состояния в конце нижнего колонтитула карты. Ниже мой код - <mat-card-footer> <ng-content select="dashboard-card-footer"></ng-content> <section clas…
1 ответ

Изменить стиль содержимого карты по нажатию кнопки на карте

В моем компоненте я сгенерировал мат-карту (которая является другим компонентом) через *ngFor. При нажатии на карточке есть одна кнопка, которая должна стилизовать те же элементы карточки (что я могу сделать). Но если я нажму на кнопку другой карточ…
0 ответов

Материальная карточка со свитком перепуталась

Я использую последний материал с угловым для моего сайта. Я использую компонент карты мат, чтобы показать некоторые виджеты. Они имеют фиксированный размер, поэтому дополнительное содержимое обрабатывается с помощью вертикальной полосы прокрутки. Пр…
01 фев '18 в 09:07
1 ответ

Как добавить css на фон mat-card, если установлен флажок mat, который находится внутри содержимого mat-card?

Мне нужно изменить цвет фона карты мат, когда флажок мат, который находится внутри mat-card-content <mat-card class="checkboxselect text-center little-profile workspacetype"> <mat-card-content> <mat-checkbox class="multipleselect">…
1 ответ

Как добавить фон к мат-карточке, когда радиокнопка мат выбрана из содержимого мат-карточки, используя Angular Material?

Мне нужно добавить фон для каждой карты мат, когда нажата каждая радиокнопка. фон должен применяться только к матовой карточке, соответствующей нажатой кнопке мат-радио. <mat-card class="text-center little-profile workspacetype"> <mat-card-…
0 ответов

Невозможно изменить цвет фона для мат-карты из style.scss

Я хотел бы изменить background-color для mat-card внутри style.scss для моего углового проекта. AppComponent это единственный компонент, который я использую в настоящее время. Возможно изменение width для mat-card, но я не могу изменить background-c…
1 ответ

Почему я могу установить настройки высоты мата только на уровне компонентов css?

Я использую материал Angular в своем проекте Angular 8 и пытаюсь настроить дизайн тени на своих карточках материалов. Я использую миксины помощника повышения, как описано здесь: https://material.angular.io/guide/elevation Вместо того, чтобы настраив…
1 ответ

Сохраняйте размер изображения одинаковым даже после увеличения и уменьшения

У меня есть mat-sidenav компонент заполнен mat-card компоненты. За пределами sidenav у меня есть остальная часть моей страницы. То, что я хотел бы, чтобы мои компоненты карты sidenav сохранили тот же самый размер, поскольку кто-то увеличивает и умен…
1 ответ

Как установить активный цвет петлевых мат-карт?

У меня есть мат-карта, которая зациклена. Как я могу установить активный цвет карточки, по которой я щелкнул? <div> <ng-container *ngFor="let tenant of tenantData"> <mat-card class="card-card" (click)="onCardClick(tenant.id)"> <…
26 май '20 в 05:27
2 ответа

Относительно мата-карты-заголовка не совмещается центр

Я использовал mat-card, в том числе mat-card-title, для этого я использовал style="text-align:center"; но это не выравнивание центра <mat-card style="text-align: center;"> <mat-card-header > <mat-card-title style="text-align: center;"…
21 апр '20 в 08:28
3 ответа

Можно ли использовать мат-карту с Anchor Tag?

Я хочу, чтобы мат-карта была интерактивной, и когда я наводил курсор на мат-карту, я хотел показать курсор ссылки. Когда я нажимаю на одну из карточек, появляется много карточек, и я хочу перейти на другую страницу. Как я могу этого добиться? Уместн…
20 сен '19 в 07:52
1 ответ

Когда использовать компонент Angular mat-card

Я новичок в Angular и, конечно же, в материалах Angular. Одной из загадочных составляющих материала, с которыми я столкнулся, была мат-карта, я читал ее описание снова и снова, я искал в сети, но я не понимал, когда использовать компонент мат-карты.…
08 ноя '19 в 07:10