问题标签 [angular-material-7]

我想通过将成员拖到指定组上来将成员添加到组中，但是，角度材料拖放的默认行为是将项目放置在其他元素之间。目前，我有一个组列表和第二个成员列表。预期的行为是我可以将成员拖放到组中，但是，默认情况下，我只能在组之间放置它们（如屏幕上所示）。是否有可能将物品放在其他物品上，因此它们“跳”在该物品上而不是周围？

嗨，我希望在材料表上实现以下结构。到目前为止，我已经看到了一些示例，但我无法做到这一点

我想要达到的目标：

当我执行此实现时，我只会得到以下结果：

这是结果：

任何帮助表示赞赏！

当我通过 http 调用收到错误时，我试图显示一个小吃吧 =>

我已经在我的 AppModule 中导入了所有材质模块，包括 MatSnackBarModule。

但是，当我显示它时，页面左上角的 div 是这样的

没有错误，我不会在任何地方覆盖任何材质 css。我不太明白我的错误。此外，当我检查时，所有的 css 类等都被应用。

我想在一行中有2个表单输入字段：1.第一个有一个固定的，1.第二个应该增长和缩小，但这不会缩小到180px以下。

这是一个完整的堆栈闪电战示例

当您启动应用程序时，我们会看到

可能还有另一个问题：
我认为第二个输入字段应该已经显示提示文本和水平线 - 但它只会在获得焦点时显示。
这是预期的行为还是我错过了什么？

反正。主要问题是第二个字段没有按预期缩小。它不会缩小到 180px 以下：

在 chrome 开发工具中，我可以看到input元素用 a 包裹，div class="mat-form-field-infix">并且类mat-form-field-infix的固定宽度为 180px！

我想出的唯一解决方法::ng-deep是用 using 覆盖这个宽度。
您可以在 Stackblitz 示例的co-input-field.component.scss文件中激活它

使用此解决方法，第二个输入按预期缩小：

但是::ng-deep 已被弃用并将被删除。
那么让输入按预期缩小的正确方法是什么？

我想用 mat-table 构建一个自定义表，其中最后一列和每一行我想定义一个自定义组件。这行得通。但是自定义组件用于某些输入，因此用户可以选择一些选项或输入一些内容。

这就是我在表外加载组件时得到的

但是在桌子里面，我得到了一个'undefined'

我们使用 Angular Material 版本 7 来开发应用程序。在这里，我们尝试像在引导程序中那样实现网格布局系统，但是没有实现网格布局系统的选项。我尝试了一些自定义 CSS，但它适用于所有设备。所以请分享你对此的看法

参考链接：

https://material.angular.io/components/categories/layout

提前致谢，

苏巴什·拉维

我发现在全局 css 文件中设置的解决方案：

打破其他对话框窗口（例如，在 MatDialog 中使用的 MatDatepicker 显示在它后面）。在本地设置似乎没有效果，根据这篇文章更改视图封装： Displaying a mat-select inside a modal dialog 仍然会破坏其他对话框窗口（与全局设置样式相同）。我可以通过其他方式实现它吗？

编辑：

示例 stackblitz，其中选择选项甚至不显示： https ://stackblitz.com/edit/angular-jkxsig-en8bze?file=app/

单击 mat-menu-item (Item1) 后，没有任何反应。我确信路由器配置正确，因为如果将它放在代码中的任何其他位置，它就可以工作。最奇怪的是，它正在工作，并且在刷新浏览器后它停止工作。

将其嵌套在 nav 元素中无济于事

我希望它显示绑定到 /example 路径的组件。

我想更改默认 Angular Material Datepicker 的主题。我找不到任何关于这个问题的有用信息（我只找到了 AngularJS 或旧的 Angular Material）。我使用的是默认 CSS，但我根据自己的喜好对其进行了修改。

这是日期选择器的样子： https ://imgur.com/YmJctem

我想把它改成这种类型： https ://imgur.com/oVlwCDK

我想使用材料日期选择器，因为我实现了一些代码，它只适用于材料日期选择器。

也许这听起来很有趣，但我想在 Angular Material Datepicker 中添加一个 Datepicker Material Design。

感谢您的帮助/建议！

使用 Angular Materials 日期选择器。当我从日期选择器中选择一个日期时，该字段显示为红色无效。

这是模板：

这是响应式表单代码。正则表达式经过测试，可以使用或不使用前导零。