问题标签 [angular-material-6]

我有这个有角度的材料日期选择器：

MySQL 无法读取此值，因为它不是必需的格式Y-m-d，因此我将发送到 PHP 的日期转换为如下所示：

现在添加到数据库中的所有内容的日期为：Jan 1, 1970。

从 Angular 发送的格式如下：

日期：2018 年 9 月 14 日星期五 00:00:00 GMT+0300（东欧夏令时间）

我有一个数据集，我在一个角材料表中显示（使用角 6）。已按照此文档链接执行此操作。我正在寻找一种优化/简洁的方式来将行表示为列，将列表示为行

这是我的html：

这是我绑定的数据：subscriptionPlans = [ { name: 'Enterprise', rowsInMillion: 'custom', price: 'custom', extraPerMillion: 'custom', noOfIntegrations: 'unlimited' },{ name: 'Standard' , rowsInMillion: 10, price: 10, extraPerMillion: 1, noOfIntegrations: 10' }];

此代码工作正常，但我无法弄清楚如何使用相同的数据显示行和列互换（垂直显示表）的表。遍历数据并更改订阅计划的结构有一种丑陋的方式，但这是一种非常糟糕的方式。希望我清楚这个问题。

我只需执行以下操作：

我得到以下错误的回应：

您的项目未使用默认配置进行构建和测试。Angular Material 原理图只能与默认
配置一起使用

严重地？？还有谁？

配置：

当前下拉框的宽度大于行的宽度：

有没有办法摆脱额外的宽度？

这是我当前的代码：

html:

我的列表：

样式.css：

成功插入数据库后，我试图打开角度材质对话框组件：

如您所见，我在方法(data)部分添加了以下行subscribe()：

具有openDialog()以下代码：

当插入数据库成功时，对话框不会打开，并且控制台上不会显示任何错误。

当我移动this.openDialog()订阅方法的外部时，对话框正常打开。

我什至尝试在 subscribe() 中从头开始声明该函数，但我收到一条错误消息，提示找不到openDialog().

添加到数据库并收到成功响应后如何打开角度材料对话框？

我有一个 mat select ，其中包含一个 contrats 列表，并且每次单击 contrat 我将其添加到列表中以便在 mat-select 下显示它。

这是允许我添加对比度的功能

这是模板：

所以我想当我点击删除对比度时，垫选择将被更新

使用 Angular 材料，我们正在尝试实现与 Bootstrapbutton with dropdowns组件相关的东西 - 即https://getbootstrap.com/docs/4.0/components/input-group/#buttons-with-dropdowns

更具体地说，它是Input Field结合了一个dropdown搜索选项的搜索。在线框中看起来像这样：

即当您单击白色向下箭头时

这就是他们只使用“材料选择”的方法；但是，问题确实是：可以在输入字段与下拉列表组合的情况下完成吗？

这是开始的东西（它包含一个选择） -

https://stackblitz.com/edit/angular-mat-select-drpdwn

我已经在组件库中添加了角度材料……嗯，我以为我做到了！

一切都在测试工具中工作（app.module、app.component 等......）

但是，当我导出我的库时，我得到了错误

所以显然我没有在需要添加的地方添加Angular Material。

Angular 生成属性，并且似乎只将它们应用于您在模板中声明的元素。组件附带的任何其他 HTML 元素（在我的例子中是 angular-material's mat-form-field）都不会应用此属性。

这是设计使然吗？它的效果是无法定位那些内部元素，因为您在组件的 css 文件中定义的任何类都会与 Angular 生成的属性连接。

就我而言，

生成到：

我的目标是对 a 所包含的许多 HTML 元素中的一些元素进行样式<mat-form-field>设置。

有什么方法可以从我的组件文件中实现这一点（无需求助于站点范围的样式表）？

我试图cdk-overlay在 Angular 组件级别覆盖一些 css，但它不起作用 - 即使我使用:host ::ng-deep

此处的材料select下拉列表 ( mat-select-content) 是以下项的子项cdk-overlay-pane：

我想将此 css 从我的main.scss文件移动到组件级别，因此它不会影响任何其他页面：

但是当我将它移到 my.component.scss 中时，它不起作用：

我还需要将此样式添加到cdk-overlay-pane我的组件 scss 中的类中：