0

我使用了这个链接 - https://stackblitz.com/edit/angular-file-explorer

我的问题是他们硬编码了文件夹结构，其中根文件夹是用常量创建的，但我的文件夹结构是动态的，有多个子目录，我通过 SFTP 传输到服务器并下载文件

所以我无法创建像下面这样的常量 - 有人可以帮我如何使用动态数据创建文件资源管理器

下面是app.component.ts对文件夹结构进行硬编码的片段

ngOnInit() {
    const folderA = this.fileService.add({ name: 'Folder A', isFolder: true, parent: 'root' });
    this.fileService.add({ name: 'Folder B', isFolder: true, parent: 'root' });
    this.fileService.add({ name: 'Folder C', isFolder: true, parent: folderA.id });
    this.fileService.add({ name: 'File A', isFolder: false, parent: 'root' });
    this.fileService.add({ name: 'File B', isFolder: false, parent: 'root' });

    this.updateFileElementQuery();
}

我发现有用的其他几个链接如下：

  1. https://www.bennadel.com/blog/3601-more-fun-with-recursive-components-tree-state-and-one-way-data-flow-in-angular-7-2-13.htm
  2. https://ej2.syncfusion.com/angular/demos/?_ga=2.55163950.443791518.1579042805-240484438.1579042805#/material/file-manager/overview

提前致谢

4

0 回答 0