Cannot use this.angularCropper.cropper... in ng-modal

[Nelie-Taylor]

Hi. I use angular 6.2.2
Cropbox is work. But this.angularCropper.cropper.Sothing done not work.

Please help me. Thank you so much

[lijiejackylee]

same issue with me. I think the problem is that the imageload process is not completed, so the cropper is not instantiated yet, so the this.angularCropper.cropper.Somthing is undefined.

[valpas]

same problem with angular 7.1, I need to use the setData function but cropper is not instantiated in my modal :/ there is an event when cropper is ready ?

[valpas]

Finally I found a solution with Material Dialog

@ViewChild('angularCropper') public angularCropper: CropperComponent;

constructor(
        public dialogRef: MatDialogRef<DialogComponent>,
        @Inject(MAT_DIALOG_DATA) public data) {
    }

    ngOnInit() {
        this.dialogRef.afterOpened().subscribe(() => {
            console.log("after modal opened");
            console.log(this.angularCropper.cropper.getData());
        });
    }