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库的问题。

相关内容

热门资讯

黑科技教程!(Wepoke)软... 这是一款非常优秀的WepokE ia辅助检测软件,能够让你了解到WepokE中牌率当中全部隐藏参数,...
微扑克wpk透视辅助!wepo... 微扑克wpk透视辅助!wepoke有科技吗,扑克世界辅助软件,黑科技教程(总是存在有挂);亲真的是有...
黑科技好友!(aa扑克)透明挂... 黑科技好友!(aa扑克)透明挂辅助软件,(AAPoker)竟然是真的有挂,攻略教程(有挂技巧)1、很...
wepoke透明挂要多少钱!w... wepoke透明挂要多少钱!wpk ai是什么,云扑克德州辅助器,可靠教程(往昔存在有挂)准备好在云...
德州ai辅助器!wpk微扑克真... 德州ai辅助器!wpk微扑克真的有辅助,微扑克的辅助工具苹果,总结教程(竟然是有挂)是一款可以让一直...
黑科技ai代打!(wepoKe... 自定义wepoKe系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,不管你是...
黑科技苹果版!(AAPOKER... 1、黑科技苹果版!(AAPOKER)透明挂辅助工具,(aapokeR)本来有挂,专业教程(有挂透视)...
德州ai辅助有用!智星德州有挂... 1、德州ai辅助有用!智星德州有挂吗,aapoker辅助软件,玩家教程(切实存在有挂)。2、智星德州...
黑科技实锤!(wpK)透视辅助... 黑科技实锤!(wpK)透视辅助软件,(WPk)果然真的是有挂,规律教程(有挂透明)1、很好的工具软件...
德州之星ai软件!微扑克怎么用... 德州之星ai软件!微扑克怎么用ai辅助,德扑ai机器人哪里有卖,2025新版技巧(本来真的有挂);大...