问题标签 [angular-material-6]

我试图在我的角度应用程序中拥有两个具有不同数据的手风琴组，就像我在下面提到的代码一样，但我不知道如何在我的应用程序中使用两个相同的组件。

现在，如果我尝试单击 Expand All New 按钮，它必须为 2nd Accordion 执行 openAll 但它正在打开 1st Accordion 如何访问 Angular Material Design 中的特定手风琴？就像我有两个手风琴一样，我可以使用哪个参数访问特定的手风琴？

我正在包装角度材质菜单组件。我正在扩展 MatMenuTrigger、MatMenuItem，将它们作为单独的指令并在父组件中使用。在子组件（Menu 组件）中，我仅使用 mat-menu 获取引用，在父组件（Menu-demo 组件）中，将菜单（位于子组件中）附加到我们想要的任何控件。我不应该在子组件中使用按钮标签，所以我使用 ng-content 从父组件获取内容。我只想公开一些属性来获取该引用。我的问题是如何包装这个参考菜单stackblitzlink。请帮我解决这个问题，在此先感谢。

我正在尝试在 Angular 6 项目上设置 Angular Material。但是，当尝试运行时：

我收到以下错误消息：

这是我的 package.json

我正在运行以下命令： Angular CLI：6.2.1 节点：10.9.0 操作系统：darwin x64 Angular：6.1.7

我有一个使用角度材料的 Angular 6 应用程序，在该应用程序上我有一个包含组件（应用程序登录）的 mat-menu：

问题是，如果我在触发按钮上单击多次，app-login 将被渲染/附加多次，所以我最终会得到一个 app-login 重复多次的菜单。

有 2 个日期选择器（角度材料日期选择器）包裹在一个子组件中。如果日期差超过 2 天（X 天），我正在尝试将两个日期选择器的状态设置为无效或红色下划线。

目前它只标记用户正在与之交互的字段。实现这一目标的最佳方法是什么？主表单是模板驱动的，并在 datepicker 组件中使用响应式技术。虽然它列出了下面的错误，但为了用户体验，我想用红色突出显示这两个字段。这是代码的小提琴。 小提琴

我正在使用Angular 6.0.8版本Angular Material theme6.4.0

每当我尝试稍微修改材质主题时，它永远不会起作用，因为我总是找到材质主题属性来覆盖我的 CSS 属性，如下所示：

仅应用第一个属性（其余属性被删除）

我尝试了多种变体来解决这个问题，但都没有奏效（比如使用重要或更改导入主题的顺序）

那么在材料主题和用户样式表中更改小东西的正确方法是什么？（例如应用此英语规则）

我的styles.scss如下，它只适用于覆盖Material 主题的颜色和字体不起作用：

更新1：

请查看这个 stackblitz 示例，其中的问题非常清楚

1-我期望带有阿拉伯语类的封闭 div应更改包含的材料表单字段的字体和颜色，但它不会（如 Sushi 的第一个字段，字体未更改）

这非常重要，因为所有元素都包含在带有 ngClass 的 div 中，其中包含英语或阿拉伯语，并且我想将该类应用于所有包含的元素，包括材料表单字段

2- 如何将所有表单标签的颜色从蓝色更改为红色或绿色？

我在 angular6 应用程序中使用角度材料。

这是必填字段，在此输入字段的占位符中，“*”附加在占位符之后，如下所示：

我想将占位符中“*”的颜色更改为红色。我怎样才能改变颜色？

Html 由上述 mat-form-field 生成：

如何获取从组件中的 Angular 材料垫选择列表中选择的所有值的列表。给出的示例显示了要在模板中显示但不在组件中显示的值。我正在尝试修改此问题中给出的解决方案，但它对我不起作用。这是我当前的代码：

模板：

零件：

以下内容被记录到控制台：

我如何从中提取所选选项的实际值？

解决方案：

模板代码的前两行应该是（如已接受解决方案中的 stackblitz 链接中给出的那样）：

我猜，不允许在材质网格（嵌套网格）中放置材质网格？
有人可以证实我的假设吗？
（我正在使用 Angular Material 6。）

结果应如下所示（两种不同的装订线尺寸）：

我为什么要这个？我必须实现的设计在列之间具有不同的 GUTTER SIZES :-/ 我认为网格中的网格将是一个聪明的解决方案，但它不起作用。

更新：此处建议的解决方案不起作用，因为这仅在较旧的 Angular JS材料中才有可能。

实际上，我正在通过包装 Angular 材质工具栏组件来创建自定义组件。我使用 ng-content 包装了第一个元素 mat-toolbar，并且仅使用 ng-content 包装了第二个元素 mat-toolbar-row。

在这里，我在投影第二个或多个 mat-toolbar-row 时遇到了一些问题，因为它没有在下一行显示它作为下一个工具栏行，它只在第一行显示第二个工具栏内容。因为我知道 ng-content 是静态投影，所以它在第一行投影第二个工具栏行，我该如何解决这个问题。

请在此处查找stackblitzLink，我还在自定义组件下方显示了材料示例。请帮我解决这个问题。提前致谢。