如何在 angular 6 中正确 运行 webix filemanger

Question

我正在尝试在我的 angular 6 应用程序中使用文件管理器，但出现错误 未知视图：文件管理器 我尝试了很多方法来修复，但它适用于所有视图，例如标签、按钮和数据表，但不适用于文件管理器

这是我的代码

import { Component, ElementRef, OnDestroy, OnInit } from '@angular/core';
import * as webix from "webix";
import  'filemanager/codebase/filemanager';

declare let $$:any;
@Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit, OnDestroy {

  private ui : webix.ui.filemanager;

  constructor(root: ElementRef){
    webix.ready(()=>{
       this.ui = <webix.ui.filemanager> webix.ui({
                 rows:[
                     { view: "label", css: "header", label: "File Manager allows to upload files into selected folder."},
            {
                view:"filemanager",
                id:"files",
                handlers:{
                    "upload" : "https://jsonplaceholder.typicode.com/users",
                    "download": "https://jsonplaceholder.typicode.com/users",
                    "remove": "https://jsonplaceholder.typicode.com/users"
                }
            }
        ]
    });

    $$("files").load("https://jsonplaceholder.typicode.com/users");
   });
  }

    ngOnInit(){
      this.ui.resize();
   }
  ngOnDestroy(){
     this.ui.destructor();
    }
  } 

Answer 1

不幸的是，这种方法暂时行不通。 ( Webix 6.1 ) 虽然您可以导入主库，但额外的小部件（例如 filemanager ）仍将在全局“webix”上中继，并且当 webix 在全局范围内不可用时将失败。

目前，唯一可行的解​​决方案是将 webix.js 作为全局脚本包含（或配置工具链以处理 webix 导入作为全局脚本包含）

Webix 新版本将于 2 月 22 日发布（Webix 6.2），它将为额外的小部件更新包，这将适用于上述情况