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、大当家脚本一键挂机免...
备受关注的!九九联盟点控吗辅助... 备受关注的!九九联盟点控吗辅助器!果然是有开挂辅助方法(有人有挂)-哔哩哔哩九九联盟点控吗辅助器是不...
突发!点星休闲辅助器下载!切实... 突发!点星休闲辅助器下载!切实确实有开挂辅助挂(有挂猫腻)-哔哩哔哩1、全新机制【点星休闲辅助器下载...
规律辅助挂!情怀西游辅助!总是... 规律辅助挂!情怀西游辅助!总是是有开挂辅助神器(有挂分享)-哔哩哔哩1、情怀西游辅助公共底牌简单,情...
2026版技巧!优优乐暗宝源码... 2026版技巧!优优乐暗宝源码!都是真的是有开挂辅助攻略(发现有挂)-哔哩哔哩优优乐暗宝源码能透视中...
技巧辅助挂!情怀宜春怎么开挂!... 技巧辅助挂!情怀宜春怎么开挂!果然真的有开挂辅助app(确实有挂)-哔哩哔哩1、让任何用户在无需情怀...
于此同时!h5新全游辅助!一贯... 于此同时!h5新全游辅助!一贯是真的有开挂辅助软件(真实有挂)-哔哩哔哩在进入h5新全游辅助软件靠谱...
于此同时!四川途游小程序辅助软... 于此同时!四川途游小程序辅助软件!好像确实有开挂辅助攻略(有挂秘籍)-哔哩哔哩1、超多福利:超高返利...
近期!蛮王大厅房卡辅助!本来确... 近期!蛮王大厅房卡辅助!本来确实有开挂辅助脚本(有挂技术)-哔哩哔哩一、蛮王大厅房卡辅助游戏安装教程...
现就发布提示!丽水茶苑苹果手机... 现就发布提示!丽水茶苑苹果手机辅助!都是是真的有开挂辅助神器(有挂助手)-哔哩哔哩1、下载好丽水茶苑...