问题标签 [mat-list]

当我点击一个选项是 mat-selction-list 然后它保持突出显示

但是，我想删除突出显示，因为单击此选项会打开一个对话框，并且在关闭对话框时我想让列表恢复正常状态：

知道怎么做吗？

代码：

在此处输入图像描述 我尝试制作此 mat-list 。但我也必须在其中添加分页、搜索和过滤。任何帮助将不胜感激。

使用 Angular 11 mat-list-option 组件时，我可以将 [value] 属性设置如下：

使用上面的代码，页面显示我列表中的“名称”属性并将“代码”属性设置为值。这样，当用户单击项目时，我可以获取代码并将其发送到另一个组件。我还有另外两个属性（描述、来源），我也想将它们存储在列表项中。存储所有 3 个属性（代码、描述和源）以便在用户选择列表中的项目时轻松检索它们的最佳方法是什么？

我需要像下面的例子一样显示

但是当我添加 ngfor 时，它会将 mat line flex 行中断到列中。

HTML

TS

工作示例代码在这里 Slackblitz.example

单击每行上的箭头按钮，我需要上下移动 Mat List 行。不需要通过 cdk/drag-drop 使用拖放选项，但可以仅使用按钮来完成。是否有任何可用的软件包，或者我是否需要为此实现逻辑，例如更新数组序列以反映这一点。

在不使用拖放的情况下完成此操作的最佳方法是什么？

我有一个带有以下代码的 mat-nav-list：

输出：

在这里，我想在点击时激活“部门”nav-lit-item。我没有要为部门显示的页面。

谢谢