无法读取未定义的属性“ show”。 PhotoViewer

Question

我无法在OnClick事件函数中使用我的函数。我想要实现的是使用PhotoViewer插件打开HTMLCollection中的任何图像。到目前为止，这是我的代码。

@ViewChild('newscontainer') newscont;

constructor(
   private photoViewer: PhotoViewer
) {}

var imgHtml = this.newscont.nativeElement.getElementsByTagName('img');

for(let img of imgHtml) {
  img.onclick = function() {  
    if(img.src.indexOf('http://localhost')) {
      console.log(img.src)        
      this.photoViewer.show(img.src)
    }

  }
}

我遇到了运行时错误。无法读取未定义的属性“ show”。

我设法获取了图像的URL，并显示在控制台日志中，但是photoViewer似乎无法识别注入的PhotoViewer，因此我认为无法以这种方式读取它。