AngularMaterialTree-扩展节点状态丢失
创始人
2024-10-28 10:34:50
0

这个问题通常是由于Angular Material Tree组件不会在每个扩展节点状态改变时保持其状态所致。为了解决这个问题,我们可以创建一个新的属性来保存已扩展的节点的状态,并在组件中添加一个扩展节点事件监听器,以及一个在组件初始化时执行的函数。

以下是示例代码:

在组件类中添加以下代码:

expandedNodes: string[] = [];

constructor(private treeControl: FlatTreeControl, private database: FileDatabase) {
  this.treeControl.expansionModel.changed.subscribe(change => {
    if (change.added) {
      change.added.forEach(node => this.toggleNode(node, true));
    }
    if (change.removed) {
      change.removed.slice().reverse().forEach(node => this.toggleNode(node, false));
    }
  });
}

ngOnInit() {
  this.database.initialize().subscribe(() => {
    this.treeControl.dataNodes = this.database.data;
    this.expandedNodes.forEach(node => {
      this.treeControl.expand(this.treeControl.dataNodes.find(n => n.filename === node));
    });
  });
}

toggleNode(node, expand) {
  if (expand) {
    this.expandedNodes.push(node.filename);
  } else {
    const index = this.expandedNodes.indexOf(node.filename);
    if (index >= 0) {
      this.expandedNodes.splice(index, 1);
    }
  }
}

在这个例子中,我们创建了一个数组expandedNodes用来保存已扩展的节点的状态。在构造函数中,我们添加一个事件监听器,以在扩展节点时更新该数组。在ngOnInit()方法中,我们初始化数据,并使用this.expandedNodes数组来展开缓存的节点。最后,我们添加一个toggleNode()方法,用来更新expandedNodes数组中每个节点的状态。

希望这个解决方法能够帮助你解决Angular Material Tree无法保持扩展节点状态的问题。

相关内容

热门资讯

玩家必看!潮友会插件,多乐够级... 玩家必看!潮友会插件,多乐够级辅助(本来是有挂)1、玩家可以在多乐够级辅助线上大神俱乐部对游戏的模式...
重要通知!欢乐达人破解器,we... 重要通知!欢乐达人破解器,wepoker作弊视频,必备教程(真实有挂);1、点击下载安装,欢乐达人破...
盘点一款!决胜麻架胡易辅助,西... 盘点一款!决胜麻架胡易辅助,西西软件游戏辅助(总是是有挂)所有人都在同一条线上,像星星一样排成一排,...
我来教教大家!wepoker辅... 我来教教大家!wepoker辅助,wepoker免费透视脚本,爆料教程(有挂神器);wepoker免...
玩家必看科普!大玩家福建十三水... 玩家必看科普!大玩家福建十三水辅助,决战十三水ios辅助(一直存在有挂)1、起透看视 大玩家福建十三...
玩家必备科技!闲来山水广西辅助... 玩家必备科技!闲来山水广西辅助,pokemmo脚本辅助下载,黑科技教程(有挂详细);详细闲来山水广西...
实测揭晓!情怀手机麻将辅助器,... 实测揭晓!情怀手机麻将辅助器,拱趴大菠萝辅助神器(一直真的是有挂)1、完成情怀手机麻将辅助器有辅助插...
分享给玩家!盛世透视辅助器,w... 分享给玩家!盛世透视辅助器,wepoker国外版透视,wpk教程(竟然有挂)是一款可以让一直输的玩家...
一分钟秒懂!决战卡五星辅助io... 一分钟秒懂!决战卡五星辅助ios,红中血流攻略(本来真的是有挂)1、上手简单,内置详细流程视频教学,...
今日百科!好玩贰柒拾辅助,德普... 今日百科!好玩贰柒拾辅助,德普之星有辅助软件吗,系统教程(有挂秘籍);好玩贰柒拾辅助是一种具有地方特...