MdbFileUpload - unable to access the reference variable

Topic: MdbFileUpload - unable to access the reference variable

Revature Pro priority asked 4 years ago

HTML

    <mdb-file-upload #uploader id="quizCrAddSetFileUpload" (fileRemoved)="onFileRemove()" (fileAdded)="onFileAdd($event)"
              [defaultFile]="mageUrl"></mdb-file-upload>

import { MdbFileUploadComponent } from 'mdb-file-upload';

 export class QuizCreationComponent implements OnInit {

    @ViewChild('uploader', { static: true }) uploader: MdbFileUploadComponent;
    ...
    onFileAdd(file: File) {
        console.log(this.uploader); // undefined
    }
}

Add comment

Revature Pro priority answered 4 years ago

0 0 Best answer

We are using v8.0.0 for mdb-file-upload and ng-uikit-pro-standard v8.0.0

Arkadiusz Idzikowski staff commented 4 years ago

Is this full HTML code? The file upload component is not in any container with *ngIf directive?

Does your IDE/editor display any errors about imported MdbFileUploadComponent?

Revature Pro priority commented 4 years ago

1.It is not under *ngIf

2.No errors in IDE when importing.

An alternative solution which we did is:-

this.uploader = new MdbFileUploadComponent();

We kept this code in ngOnInit()

But this.uploader.reset() is not working

Arkadiusz Idzikowski staff commented 4 years ago

Reset method won't work if this.uploader is undefined. Did you manage to get access to the MdbFileUploadComponent class with the new syntax?

Could you try to update the plugin version and/or recreate this issue on new, fresh project and send a demo to a.idzikowski@mdbootstrap.com? It's hard to provide some workaround for this problem because we can't reproduce it on our end. We would like to check if this problem is directly related to our plugin.

Add comment

Arkadiusz Idzikowski staff answered 4 years ago