Angular无法看到或读取ngx-file-drop库
创始人
2024-10-30 01:31:33
0

可能是您没有正确地导入ngx-file-drop模块或在组件中没有正确使用指令。请按照以下步骤进行操作:

1.安装ngx-file-drop库:

npm i ngx-file-drop

2.在您的ngModule中导入FileDropModule:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FileDropModule } from 'ngx-file-drop';

import { AppComponent } from './app.component';

@NgModule({
  imports:      [ BrowserModule, FileDropModule ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

3.在您的组件中使用FileDropDirective指令:

import { Component } from '@angular/core';
import { FileDropDirective, FileUploader } from 'ngx-file-drop';

@Component({
  selector: 'my-app',
  template: '
Drop your files here
' }) export class AppComponent { public uploader:FileUploader = new FileUploader({url:'https://evening-anchorage-3159.herokuapp.com/api/'}); public fileOver(event){ console.log(event); } public fileDrop(event){ console.log(event); } }

这是一个简单的使用ngx-file-drop库的组件示例。希望这可以解决您在Angular中无法看到或读取ngx-file-drop库的问题。

相关内容

热门资讯

透视揭幕!we-poker是什... 透视揭幕!we-poker是什么软件,We poker辅助器下载(透视)确实是有方法(哔哩哔哩)1、...
透视神器!pokemomo辅助... 透视神器!pokemomo辅助工具,微乐辅助靠谱麻,解谜透视(有挂规律)-哔哩哔哩1、透视神器!po...
透视科普!wepoker手机版... 透视科普!wepoker手机版辅助,wepoker黑侠破解(透视)一直是有工具(哔哩哔哩)1、脚本辅...
长期以来!wejoker免费脚... 长期以来!wejoker免费脚本,微乐四川麻将辅助器,详细透视(有挂细节)-哔哩哔哩1、长期以来!w...
透视详情!德普之星辅助软件,德... 透视详情!德普之星辅助软件,德普之星怎么开辅助(透视)真是存在有工具(哔哩哔哩)1、上手简单,内置详...
透视美元局!werplan怎么... 透视美元局!werplan怎么作必弊,微乐自建房免费黑科技有哪些,教你脚本(证实有挂)-哔哩哔哩1、...
透视辅助!wejoker内置辅... 透视辅助!wejoker内置辅助,微乐卡五星有挂吗,曝光脚本(有挂解惑)-哔哩哔哩进入游戏-大厅左侧...
透视解谜!德扑HHpoker有... 您好,这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多玩家在这款游戏中打...
备受关注的!wpk辅助购买,微... 备受关注的!wpk辅助购买,微乐陕西小程序破解器下载,关于脚本(果真有挂)-哔哩哔哩1、游戏颠覆性的...
透视必备!德普之星透视辅助,德... 透视必备!德普之星透视辅助,德普之星私人局辅助免费(透视)一贯是真的挂(哔哩哔哩)1、该软件可以轻松...