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

相关内容

热门资讯

关于一下!手机透视辅助器app... 关于一下!手机透视辅助器app,心动休闲辅助,原来是真的有挂(哔哩哔哩)1、完成手机透视辅助器app...
辅助一下!乐酷辅助,福建天天开... 辅助一下!乐酷辅助,福建天天开心辅助软件大全,好像是有挂(哔哩哔哩)1、福建天天开心辅助软件大全辅助...
详情一下!光明辅助器,欢乐达人... 详情一下!光明辅助器,欢乐达人正版脚本,都是真的是有挂(哔哩哔哩)1、欢乐达人正版脚本免费辅助多个强...
曝光一下!闲逸碰胡辅助,神殿娱... 曝光一下!闲逸碰胡辅助,神殿娱乐控制系统,都是有挂(哔哩哔哩)一、闲逸碰胡辅助游戏安装教程牌型概率发...
解谜一下!火神辅助免费下载,微... 解谜一下!火神辅助免费下载,微信小程序微乐辅助器,一直真的是有挂(哔哩哔哩)1、任何微信小程序微乐辅...
了解一下!乐酷副厅外卖辅助,闲... 了解一下!乐酷副厅外卖辅助,闲娱江西修改器,切实是有挂(哔哩哔哩)亲,关键说明,乐酷副厅外卖辅助透视...
解密一下!微信小程序雀神广东辅... 解密一下!微信小程序雀神广东辅助器,欢乐二七十娃,其实有挂(哔哩哔哩)一、微信小程序雀神广东辅助器游...
揭幕一下!九九联盟辅助教程,蜀... 揭幕一下!九九联盟辅助教程,蜀山四川辅助脚本,其实真的是有挂(哔哩哔哩)1、用户打开应用后不用登录就...
推荐一下!摸一把跑得快辅助器,... 推荐一下!摸一把跑得快辅助器,同城510k修改,竟然是有挂(哔哩哔哩)1、这是跨平台的摸一把跑得快辅...
科普一下!微信小程序哥哥打大a... 科普一下!微信小程序哥哥打大a辅助器,兴动互娱辅助工具名称,一直是真的有挂(哔哩哔哩)1、进入游戏-...