问题标签 [mat-card]

我有以下内容：

我想有条件地显示字幕，但由于某种原因，我不能像上面那样使用隐藏，ng-if 似乎也不起作用，我也不能ngClass用来指定 mat-card-avatar 图片的类。

这是不可能的还是我错过了什么？

在我的组件中，我通过 *ngFor 生成了 mat-card（这是另一个组件）。单击卡片上有一个按钮应该设置相同的卡片元素样式（我可以这样做。）但是如果我单击另一个卡片按钮，它应该设置那个样式并将前一张卡片的样式恢复为原始样式。 （这部分面临的问题）。下面是示例代码

父组件html

子组件html"<div><mat-card> <span [ngClass]="{'selectedFruit':enableStyle}">{{fruit}}</span> <button (click)="changeStyle()"> </mat-card></div>"

改变风格（）changeStyle(){ this.enableStyle=true; }

我正在使用 MatProgressBarModule 在卡页脚末尾添加一个线性不确定状态栏。下面是我的代码 -

它在屏幕上显示为确定的状态栏。我也尝试过不同的模式，即查询、缓冲区。但它只能作为一个确定的进度条。

我需要对齐标题标签左右两侧标题中的文本内容。我尝试了不同的想法，但没有一个适合我。帮我。

我显示来自 firebase 的数据。当我更改表单的值或刷新页面时，我想以随机顺序显示我的卡片。有可能的？

这是我的组件模板：

我在有角度的材料中使用 mat-card 来显示拉丁字母的一些字母，例如 ḍ、ḥ、ṣ 等。这些都是下面带点的字母。

仅在 mat-card 中，在字母后添加一个空格，如：aḍ ar（而不是 aḍar）。

我怎样才能删除这个额外的空间？

同样，这只是垫卡内部的问题。我真的很想使用有角度的材料，但是对于这个问题，这是一个禁忌！

在我的 index.html 中，我声明了 charset=UTF-8。

有人有想法或以前遇到过同样的问题吗？

我尝试将我的 matcard 标题对齐，但 css 不起作用.. 为什么？

ngFor生成的卡片彼此堆叠而不是保持一排。

我正在通过ngFor. 我正在使用fxFlex="30"每张卡，但它们彼此堆叠。我flex-wrap也用过，但没用。

我希望我生成的卡片应该是连续的。但实际上它们是相互叠加的。

如上图所示，我使用了两个按钮left和right按钮来滚动图像。我想对齐左右按钮，如下图所示。这是 stackblitz链接。提前致谢！