Show drag and drop based on condition not working

In solution below I tried to hide uploader component based on condition. 

https://stackblitz.com/edit/angular-fsda2b-svvbkj?file=app.component.html,app.component.css,app.component.ts
when I upload the file I hide  uploader  component and display Remove button so we restrict uploading a new file (user must remove file before upload other file) after removing new file and display uploader component the drag and drop feature not working.


1 Reply

UD UdhayaKumar Duraisamy Syncfusion Team November 24, 2022 01:28 PM UTC

By setting the droparea in the created event of the uploader component instead of the ngAfterViewInit event, you can resolve the reported issue.


Documentation : https://ej2.syncfusion.com/angular/documentation/api/uploader/#created


Sample  : https://stackblitz.com/edit/angular-fsda2b-h2x4o2?file=app.component.html,app.component.css,app.component.ts


Loader.
Up arrow icon