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

相关内容

热门资讯

分享实测辅助器工具!逍遥麻将多... 分享实测辅助器工具!逍遥麻将多功能辅助器工具,逍遥麻将一直存在有辅助器工具;分享实测辅助器工具!逍遥...
实操分享透视器教程!玩棋牌斗地... 实操分享透视器教程!玩棋牌斗地主多功能透视器教程,玩棋牌斗地主一贯有透视器教程1、下载好玩棋牌斗地主...
必备教程开挂app!天听之旅多... 必备教程开挂app!天听之旅多功能开挂app,天听之旅原来真的有开挂app1、天听之旅有没有辅助教程...
盘点一款透视挂脚本!赫麒众游多... 盘点一款透视挂脚本!赫麒众游多功能透视挂脚本,赫麒众游本来是有透视挂脚本1、全新机制【赫麒众游ai辅...
今日科普辅助插件!乐暴延边麻将... 今日科普辅助插件!乐暴延边麻将多功能辅助插件,乐暴延边麻将总是是有辅助插件暗藏猫腻,小编详细说明乐暴...
玩家必看教程透视器工具!微乐江... 玩家必看教程透视器工具!微乐江西麻将多功能透视器工具,微乐江西麻将确实存在有透视器工具微乐江西麻将是...
玩家必看分享开挂脚本!优优龙岩... 玩家必看分享开挂脚本!优优龙岩麻将多功能开挂脚本,优优龙岩麻将都是有开挂脚本优优龙岩麻将透视方法中分...
玩家攻略辅助app!决胜朋来麻... 玩家攻略辅助app!决胜朋来麻将多功能辅助app,决胜朋来麻将一直有辅助app;1、完成决胜朋来麻将...
最新技巧透视挂软件!指尖棋牌多... 最新技巧透视挂软件!指尖棋牌多功能透视挂软件,指尖棋牌确实是真的有透视挂软件进入游戏-大厅左侧-新手...
一分钟教你透视器方法!天津麻将... 一分钟教你透视器方法!天津麻将多功能透视器方法,天津麻将都是真的有透视器方法天津麻将脚本下载中分为三...