问题标签 [angular-material-5]

mat-form-field我使用有内部的常规textarea。我的问题是这个 Textarea 的占位符文本相当长。在空间更有限的移动设备中，此占位符文本会被 Angular Material 截断并带有省略号。

我希望通过向下移动到下一行来调整占位符文本以适应空间限制。因此，例如，而不是：

我想：

我已经尝试了各种方法来更改 and 的 CSS，但mat-input-placeholder没有mat-input-placeholder-wrapper成功。我知道解决方案的一部分涉及更改 text-overflow 属性（如下），但我无法获得其他部分。

任何人都可以帮忙吗？

谢谢！

I'm trying to find some sort of two-sides multiple(always opened) boxes with search and angular material design but I can't find anything. I can achieve the same functionality, but the multiple dropdown select box gets always folded when I do backdrop click.

Should I write it on pure angular or find a way to do this with Angular Material?

Here is a link which almost fully represents functionality I want to achieve but without search and angular material: https://alexklibisz.github.io/angular-dual-multiselect-directive/

我正在使用 mat -table 创建一个表，并且我需要在每一行的一列中自动完成，但是当我从自动完成中选择一个值时，所有行都会填充相同的值。原因是模板变量为每一行设置相同，有没有解决方案来避免这种情况？

图片

我正在尝试在 html 中获取表格中的行索引，该索引已使用 angular material v5.2 实现。有什么方法可以获取索引吗？

参考代码：

doSomething 方法是需要索引的。

任何帮助将不胜感激。

我喜欢这种带有材料 2 的 flex 布局，但同时我担心性能。我用谷歌搜索发现，这种弹性布局在涉及表格或大型列表时存在一些性能问题。我在这里找到的一个： https ://github.com/angular/flex-layout/wiki/Performance-Considerations

在我的项目中，我使用 *ngFor 绑定网格，我的小卡上只有 20 个数据，加载大约需要 1 秒，而我的其他页面没有表格数据，它们以毫秒为单位加载。

对于我的项目，我已经用 flex 创建了大部分布局。现在，我组织中的其他一些员工也关心这种绩效问题！！！！！！我正在使用带有 flex 布局的 Anguar Material 2。有人可以建议我最好的方法吗？？？

我提到的另一个链接：https:
//stackblitz.com/edit/angular-flex-layout-seed-jmob2p 我应该继续使用这个 flex 布局还是回到 css 网格系统？

我已经成功完成了我的第一个角材料表的创建。我在组件中创建了数据源并将其添加到表中，并且表正在正确呈现。但是表格以黑色呈现，文本为白色，如下所示

但我没有在 list.component.css 中添加任何样式。styles.css 如下图

我在网上遵循了一些示例来完成，它们具有白色背景颜色和黑色文本。我在这里做错了什么。我的问题是因为我没有添加任何样式，它应该是黑白的，或者它应该使用我在 styles.css 紫色-绿色.css 中配置的主题。我怎么知道它正在使用什么 css 以及如何停止或更改它。

下面是我的html

我使用了角材料版本：5.2.1

并想知道如何禁用他们的动画，尤其是 matDialog。

我试过@.disabled 但没有运气。

我已经在角度材料官方页面中尝试了带有过滤器的示例，我有一个问题：有一种方法可以添加空格来连接对象值吗？因为，正如他们所说，“行数据缩减功能将连接所有对象值并将它们转换为小写”。我想在过滤器中添加更多单词，而不是连接，而是使用空格。

例如：

如果我在单词之间添加一个空格，则不会出现任何内容。

我试图在 API 方法调用上显示 mat spinner。下面是我订阅以获取数据的 API 调用代码，通常它只需 2 分钟的工作，但这次没有工作，我也知道这是由于订阅方法而发生的，所以有什么简单的方法来实现吗？

编辑：空屏 2 毫秒。

如何使底部工作表组件出现在像卡片一样的视图中，而不仅仅是在屏幕底部？使用版本 6.0.1。

从文档（https://material.angular.io/components/bottom-sheet/api）中指定 viewContainerRef 选项应该有一些效果，但在示例中没有任何反应。

演示链接：https ://stackblitz.com/edit/angular-kfpaa2?file=app/bottom-sheet-overview-example.ts