Динамически создавайте проводник в Angular с бэкэндом Springboot (SFTP, получите структуру папок и перейдите к angular) - PullRequest
Новая
       85

Динамически создавайте проводник в Angular с бэкэндом Springboot (SFTP, получите структуру папок и перейдите к angular)

0 голосов
/ 16 января 2020

Я использовал эту ссылку - https://stackblitz.com/edit/angular-file-explorer

Моя проблема заключается в том, что они жестко запрограммировали структуру папок, где папки root создаются с константой, но моя структура папок является динамической c с несколькими подкаталогами, которые я отправляю на сервер по протоколу SFTP и загружаю файлы

Так что я не могу создать константы, как показано ниже - Может кто-нибудь помочь мне, как создать файловый менеджер с динамическими c данными

Ниже приведен фрагмент кода 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# / материал / файловый менеджер / обзор

Заранее спасибо

...