问题标签 [mat-list]

任何人都可以建议一种实现您在上面看到的分页功能的好方法，在<mat-tab-header>水平<mat-list>.

我不需要使用<mat-list>，我只是认为这是最明显的容器。

我正在编写一个 Angular 应用程序并使用 mat-list-item 将行添加到我的数据网格中。具有父行的网格将在单击时展开并显示子行。默认情况下，所有父行都是折叠的。我让所有子行都使用备用颜色，但不是父行。它们都是相同的颜色，我需要从白色和灰色中交替。我尝试了一些方法，但它在 style.css 中不起作用。我可以更改所有父行的颜色，但不能让它们像子行一样交替。

我的 html/angular 代码如下

子行在角度组件 css 文件中与以下内容一起使用

但是我被我在全局 style.css 中定义的父行难住了

它只会改变 2n+1 的颜色

我什至尝试了以下

同样，将所有父行更改为奇数。

如何让父行颜色交替？任何帮助表示赞赏。谢谢

顺便说一句，我已经阅读了其他文章。我使用了 2n 和 2n+1，奇数和偶数，但它们不适用于 mat-list-item。奇数正在改变颜色，但不是偶数。其他文章使用 div 标签。我正在谷歌搜索，但没有找到可行的方法。不知道为什么偶数不起作用。

我一直在查看 material.angular.io/components/list/overview 的 material.angular.io 文档中的 mat-selection-list

我想使用对象数组而不是字符串数组。文档有

这似乎可行，但我在下面的对象不起作用。我做错了什么？或者这是不可能的？

我有一个文件上传组件，另外还有一个 mat-action-list 显示所有上传的文件。当用户上传一个文件时，它会按预期将其添加到列表的底部。但是，如果他们上传另一个文件，它会将其添加到列表的底部，但之前上传的文件的名称也会更改为刚刚上传的文件。上传的每个附加文件都会发生这种情况！因此，如果他们上传 5 个文件，所有 5 个文件都会显示最后上传的文件名。如果您离开屏幕并返回它，则列表是正确的。

被调用以添加文件的组件方法：

这是获取初始列表的方法：

如何使用左右两列文本的角度列表？

角度网站上显示的基本示例如下：

我想拆分每个文本<mat-list-item>以显示在两列（左对齐和右对齐）

我尝试了几种方法，包括：

但似乎没有一个工作。

如何在不使用网格列表的情况下实现这一目标？

StackBlitz（可运行示例）

组件的 Angular HTML 模板

Angular TypeScript 组件

错误

我无法解决 mat-list-item 中的边框问题，我确实在材料的网站上寻找了解决方案，但没有找到。

当我点击这个蓝色边框的图标时，我没有找到使这种情况发生的 css 类，有没有人经历过类似的事情？

我的代码：

'active-item' 类，使紫色边框向右，但不是蓝色边框。

我将 Angular 与 Material UI 一起使用。

我使用 mat-list 和 matRipple 来制作点击动画。通常，垫波纹动画会在一段时间后消失，它可以用 RippleGlobalOptions 控制，但我想在点击后保留动画，这样背景颜色就不会改变。那么，有没有办法保持背景风格呢？

分叉：https ://stackblitz.com/edit/angular-vrus3x

我有一个如下所示的 json 数组，

我想显示为列表，

虽然我通过在 component.ts 中放置两个函数来实现这一点

并将它们放在 HTML 中，如下所示，

但是这种方法看起来很幼稚。我确信必须有更好的方法来做到这一点。请建议。

我有一个包含常量数据的打字稿文件，如下所示：

我正在尝试使用 mat-List 遍历这些内容并在我的 component.html 中展示。我试图在左侧显示图像，名称在该描述下方。对于常量中定义的所有数据都是这样。我试过这样，但没有得到任何结果。

如何在 mat-List 选项中依次显示数据？

Update1：​​我在名为 helper.ts 的文件中有一个名为 Helper 的类。我在名为 Helpers.ts 的文件中基于 Helper 类创建了一个名为 HELPERS 的新常量并将其导出，创建一个名为 helper 的新服务，提供 helpers 的详细信息。如果我尝试这种方式，我可以获取单人数据的数据：

这里的问题是循环，我无法正确获得。