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

相关内容

热门资讯

透视模拟器!wepoker私人... 透视模拟器!wepoker私人局俱乐部,we poker游戏下(透视)技巧教程(有挂插件)1、每一步...
透视透视挂!wepoker的辅... 透视透视挂!wepoker的辅助器,wepoker辅助是真的吗(透视)揭秘攻略(有挂插件)1、超多福...
透视有挂!wepoker辅助软... 透视有挂!wepoker辅助软件视频,wepoker线上大神(透视)安装教程(有挂工具)1、下载好w...
透视科技!wepoker插件功... 透视科技!wepoker插件功能辅助器,wepoker底牌透视(透视)必胜教程(有挂脚本)1、进入游...
透视代打!wepoker免费脚... 透视代打!wepoker免费脚本弱密码,wepoker透视挂底牌(透视)插件教程(有挂辅助)一、we...
透视透视!如何下载wepoke... 透视透视!如何下载wepoker安装包,wejoker手机版透视脚本(透视)黑科技教程(有挂技巧);...
透视脚本!wepoker怎么挂... 透视脚本!wepoker怎么挂底牌,wepoker看底牌(透视)科技教程(有挂攻略)1、点击下载安装...
透视攻略!wepoker怎么提... 透视攻略!wepoker怎么提高运气,wepoker透视底牌(透视)攻略方法(有挂工具);1、首先打...
透视规律!we-poker是什... 透视规律!we-poker是什么软件,wepoker辅助器最新版本更新内容(透视)技巧教程(有挂规律...
透视辅助!wepoker买脚本... 透视辅助!wepoker买脚本靠谱吗,wepoker有插件吗(透视)透明挂教程(有挂工具);亲,关键...