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

相关内容

热门资讯

外挂教材!佛手在线大菠萝辅助,... 外挂教材!佛手在线大菠萝辅助,拱趴大菠萝万能辅助器-都是是真的有辅助攻略(哔哩哔哩)外挂教材!佛手在...
外挂演示!德州私人局脚本,po... 外挂演示!德州私人局脚本,pokermaster修改器-竟然存在有辅助攻略(哔哩哔哩)德州私人局脚本...
外挂项目!xpoker辅助控制... 外挂项目!xpoker辅助控制,pokernow辅助控制-本来真的是有辅助方法(哔哩哔哩)所有人都在...
外挂办法!哈糖大菠萝开挂,德普... 外挂办法!哈糖大菠萝开挂,德普之星私人局辅助免费-原来一直总是有辅助教程(哔哩哔哩)哈糖大菠萝开挂是...
外挂窍门!拱趴大菠萝怎么开挂,... 外挂窍门!拱趴大菠萝怎么开挂,智星菠萝透视-确实有辅助技巧(哔哩哔哩)1、拱趴大菠萝怎么开挂脚本辅助...
外挂课程!菠萝辅助器免费版的功... 外挂课程!菠萝辅助器免费版的功能介绍,来玩app破解-总是真的有辅助神器(哔哩哔哩);进入游戏-大厅...
外挂大纲!约局吧游戏挂,soh... 外挂大纲!约局吧游戏挂,sohoo竞技联盟辅助器-一直真的有辅助app(哔哩哔哩)1)sohoo竞技...
外挂方案!佛手在线有挂吗,so... 外挂方案!佛手在线有挂吗,sohoo辅助-一直一直都是有辅助app(哔哩哔哩)1)佛手在线有挂吗有没...
外挂窍要!pokerworld... 外挂窍要!pokerworld辅助器,约局吧游戏挂-其实有辅助教程(哔哩哔哩)1、pokerworl...
外挂资料!智星菠萝德州辅助译码... 外挂资料!智星菠萝德州辅助译码插件靠谱吗,悦扑克脚本-其实是真的有辅助插件(哔哩哔哩)1、悦扑克脚本...