title: ngx-image-cropper imageloaded() not passing any image data to typescript file event method
body: <p>I'm using <a href="https://www.npmjs.com/package/ngx-image-cropper" rel="nofollow noreferrer">ngx-image-cropper</a> to load and crop images. According to the docs there is</p>
  <pre><code>(imageLoaded)=&quot;imageLoaded($event)&quot;
  </code></pre>
  <p>but when I step into the typescript to debug the method 'imageLoaded()' image is undefined!
  It's not passing anything to the method.</p>
  <p>In the library's code is see this</p>
  <pre><code>imageLoaded: EventEmitter&lt;void&gt;;
  </code></pre>
  <p>so it looks like the event doesn't pass anything, even though the docs say it does. Am I missing something here in terms of how I access the loaded image?</p>
  <p><strong>QUESTION</strong> - The docs don't show anything being passed in the html, should I pass in the '$event'?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  imageLoaded(image: HTMLImageElement) {
      // image is undefined
    }</code></pre>
  </div>
  </div>
  </p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;image-cropper
                  [imageChangedEvent]="imageChangedEvent"
                  [maintainAspectRatio]="true"
                  [aspectRatio]="4/3"
                  format="png"
                  [transform]="transform"
                  (imageCropped)="imageCropped($event)"
                  (imageLoaded)="imageLoaded($event)"
                  (loadImageFailed)="loadImageFailed()"&gt;
  &lt;/image-cropper&gt;</code></pre>
  </div>
  </div>
  </p>