问题标签 [angular-material-11]

我正在尝试使用ng-template该matStepperIcon属性来覆盖默认 Angular Material 的 matStepper 图标。我也想传递一些数据，我尝试使用ng-containerand *ngTemplateOutlet，但是它只能部分工作。

正如您从以下代码中看到的那样，我希望该print函数始终打印定义的值，但是，在正确打印步骤的七个 ID 后，它会打印undefined七次。为什么会这样，我该如何防止这种情况发生？

链接到 StackBlitz 示例

另一方面，将我的代码更改为以下代码会导致print函数打印所有正确的 ID，但它也会打印最后一步的 ID 8 次。

根据角度材料排版，排版有 13 个定义的级别：文档。

例如 display-4、display-3、display-2、标题、标题等。

默认情况下，这些级别有一些预定义的字体大小、行高和字母间距。我们可以为每个级别自定义字体，如下所示：

例如，如果我的项目样式指南中有标题大级别，我如何将该级别添加到自定义功能？

我可以通过定义自己的 CSS 类来做到这一点，但有没有复杂的方法可以做到这一点？

我想将 mat-select 中存在的所有值呈现为逗号分隔值，并且我不想进行多项选择任何建议/任何人都面临类似的情况

我正在尝试在我的项目中实现小吃吧角材料组件。 https://stackblitz.com/angular/ygomllvemnl?file=src%2Fapp%2Fsnack-bar-component-example.ts

该元素（组件）被其他 3 个组件使用。所以我需要在每个组件中实现完全相同的方法“openSnackBar”，这将使我的代码冗余。

那么实现共享方法'openSnackBar'，服务类，助手类......的最佳位置是什么，然后我可以用一行代码调用它？

我试图仅在 mat-cell 的 scrollWidth > clientWidth 时显示工具提示。

所以，我创建了以下纯管道：

我将它用于表的每个特定列，如下所示：

请注意，我使用标签引用#company，以便可以将 mat-cell 的引用传递给管道以检查其属性。

问题是它似乎为每一行传递了相同的 mat-cell。

在管道中显示 element.scrollWidth 和 element.clientWidth 的值时，我看到每一行的值都相同，无论是否显示完整内容。

提前致谢

您好，我有几个 matMenu，例如 #status="matMenu"、#something = "matMenu"，我想在子组件的 Approve 按钮单击时关闭活动的 matMenu。子组件在 matMenu 中。但是每次我使用
`

它只关闭第一个 matMenu。谁能帮我？