如何在Angular 6指令中获取img.naturalWidth？

import { Directive, ElementRef, Renderer2, AfterViewInit } from '@angular/core';

@Directive({
  selector: 'img[appImageWidth]'
})
export class ImageWidthDirective implements AfterViewInit {

  constructor(private el: ElementRef, private renderer: Renderer2) { }

  ngAfterViewInit() {
    const imgElement = this.el.nativeElement;
    this.renderer.listen(imgElement, 'load', () => {
      const naturalWidth = imgElement.naturalWidth;
      // 在这里可以对获取到的自然宽度进行处理
      console.log('Natural width:', naturalWidth);
    });
  }
}

<img src="path/to/image.jpg" appImageWidth>