Question

我试图找出徽标尺寸，因为不同的客户可以上传不同的徽标。 HTML就像这样：

<img [src]="layoutResponseModel?.clientLogo" alt="">

如何在Angular 5中获取此图像的宽度和高度？找到了一些JS示例，但无法正常工作

Answer 1

为您的图片提供一个模板变量，即一个加载钩子：

<img [src]="layoutResponseModel?.clientLogo" alt="" #logo (load)="onLoad()">

在您的组件中引用它：

@ViewChild('logo') logo: ElementRef;

写您的负载挂钩：

onLoad() {
  console.log((this.logo.nativeElement as HTMLImageElement).width);
}

这将为您提供显示图像的宽度。