typescript 类型“IonContent”上不存在属性“nativeElement”

nuypyhwy  于 2023-02-13  发布在  TypeScript
关注(0)|答案(1)|浏览(93)

我在ion5中创建了一个图像zoomIn/ZoomOut,因此出现了上述错误。
下面是我的脚本:

    • 超文本标记语言**
<img #zoomedImage [src]="media.image" />
    • 技术支助**
@ViewChild('zoomedImage', { static: false }) zoomedImage: IonContent;
    
    zoom = 1;
    
     zoomIn() {
        this.zoom += 0.1;
        this.zoomedImage.nativeElement.style.transform = `scale(${this.zoom})`;
      }
    
      zoomOut() {
        if (this.zoom > 1) {
          this.zoom -= 0.1;
          this.zoomedImage.nativeElement.style.transform = `scale(${this.zoom})`;
        }
      }
cuxqih21

cuxqih211#

因为您在viewChild中使用了错误的类型。请用途:

@ViewChild('zoomedImage', { static: false }) zoomedImage: ElementRef;

相关问题