Comments (6)
The tests I'm doing with the files of this repo.
from ngx-input-file.
I will flag this package to deprecated and make a new component more modern and friendly user. Don't hesitate to contribute to this package too.
from ngx-input-file.
To add another point, the disconnection of the model comes from with using wrong function.
When manipulating the model to add or remove files, the reference of the array (model) will be loose.
It causes by thing function I guess:
/**
* Remove handler.
*/
private removeHandler(): void {
this.dropZoneDisabled = false;
this.inputFile.nativeElement.value = '';
this.model = new Array<File>();
}
from ngx-input-file.
came across this bug recently too.
clearing the array instead of replacing it fixes the disconnection:
private removeHandler(): void {
this.dropZoneDisabled = false;
this.inputFile.nativeElement.value = '';
this.model.splice(0, this.model.length);
}
from ngx-input-file.
Created a pull-request for the issue: #10
from ngx-input-file.
Thanks for contributing.
The splice is the solution to keep the reference and double binding.
Released with 1.0.4
from ngx-input-file.
Related Issues (20)
- probleme with displaying images, after deleting one HOT 2
- Preview of uploaded image in edit component. HOT 1
- ChangeDetectionStrategy.OnPush HOT 4
- Overwrite form control InputFile on custom data. HOT 1
- How can I trigger validation on drag drop files HOT 4
- Problem with file sizes HOT 3
- Custom validation and set file limit infinite HOT 1
- Has a way to increase the preview image size? HOT 1
- Hide file preview div HOT 3
- Drag/Drop does not work with Safari HOT 4
- How to get the file blob HOT 5
- how to use (change) to send a file to other library
- ngx-input-file sizeLimit no funciona HOT 4
- Discussion: future of the package
- Unable to show existing image with url
- ngx-input-file Angular 10 issue HOT 2
- Is it possible to have a request on each action?
- Angular 14 support?
- sizeLimit Attribute Utilization
- How to get the index of input ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-input-file.