[ngx-pinch-zoom角度7切换缩放,使用事件无法正常进行,这会导致控制台错误

问题描述 投票:0回答:1

我的棱角版本是7。

[herePomePinchZoom发现未定义的所有代码和实现的工作图像显示以及缩放图标均有效,但是我想实现自定义图标以进行缩放。和

import { PinchZoomComponent } from 'ngx-pinch-zoom';

somePinchZoom: PinchZoomComponent;
@ViewChildren(PinchZoomComponent) pinchZoomComponent;

ngAfterViewInit() {
    this.somePinchZoom = this.pinchZoomComponent.find(elem => elem.id === 'somePinchZoom');
    console.log(this.somePinchZoom); // undefined
}

zoomInDoc() {
   this.somePinchZoom.toggleZoom();
}

HTML

   <pinch-zoom id="somePinchZoom">
      <img src="my_img_url" alt="">
   </pinch-zoom>
   <button click="zoomInDoc()"> zoom </button>

当我单击自定义缩放按钮时,控制台出现错误。错误TypeError:“ this.somePinchZoom未定义”

angular7
1个回答
0
投票

能解决这个问题吗?我遇到了同样的问题

© www.soinside.com 2019 - 2024. All rights reserved.