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

相关内容

热门资讯

九分钟辅助!wpk透视插件,w... 九分钟辅助!wpk透视插件,wepoker俱乐部辅助,教程书教程(详细教程)1、wepoker俱乐部...
5分钟辅助!wepoker黑侠... 5分钟辅助!wepoker黑侠辅助器,wepoker私人局透视教程,演示教程(详细教程)1、这是跨平...
7分钟辅助!如何判断wpk辅助... 7分钟辅助!如何判断wpk辅助软件的真假,德州透视是真的假的,指南教程(有挂实锤)如何判断wpk辅助...
第五分钟辅助!wepoker到... 第五分钟辅助!wepoker到底有没有透视,wepoker分析,技法教程(有挂教程)1、上手简单,内...
第1分钟辅助!wepoker私... 第1分钟辅助!wepoker私人定制透视,hhpoker透视脚本视频,方案教程(有挂总结)wepok...
三分钟辅助!aapoker辅助... 三分钟辅助!aapoker辅助器是真的吗,拱趴大菠萝作弊方法,操作教程(真实有挂)1)aapoker...
6分钟辅助!agpoker辅助... 6分钟辅助!agpoker辅助,wepoker私局辅助,指南书教程(有挂详情)wepoker私局辅助...
第5分钟辅助!wepoker免... 第5分钟辅助!wepoker免费脚本咨询,aapoker能控制牌吗,方案教程(有挂秘诀)wepoke...
第1分钟辅助!aapoker ... 第1分钟辅助!aapoker ai插件,wepoker有什么规律,指引教程(有挂详情)1、进入游戏-...
第3分钟辅助!wepoker游... 第3分钟辅助!wepoker游戏安装教程,pokemmo辅助工具,经验教程(有挂教学)wepoker...