如何为角形材料的树组件应用样式

Question

我正在为项目使用角材料的树组件。这是 stackblitz链接，在这里我需要实现两件事：

1）子元素的文本颜色必须在鼠标悬停时更改。

2）在单击/选择子元素时，必须更改背景颜色，背景颜色必须保持不变，直到我选择下一个子元素（如带有选择的列表）为止。

像这样

Answer 1

我创建了Stackblitz演示

该代码根据您的要求工作

我添加了一些

tree-loadmore-example.html

<mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding
  (click)="activeNode = node" [ngClass]="{ 'background-highlight': activeNode === node }">
        <button mat-icon-button></button> <span class="txtColor">{{node.item}}</span>
</mat-tree-node> 

并在.ts中添加

activeNode:any;