Question

我正在尝试添加一个带有缩放控件的图像查看器画布等。ngx-imageviewer似乎提供了我需要的东西，但我无法让它工作，因为当我尝试使用AOT构建时出现以下错误角-CLI

'client：157模板编译期间出错 “装饰器”不支持“ImageViewerModule”函数调用在'NgModule''NgModule'调用中调用'ɵmakeDecorator' 'ɵmakeDecorator'。

当我尝试使用JIT运行时，我收到以下错误

'错误：StaticInjectorError [DomSanitizer]：
StaticInjectorError [DomSanitizer]： NullInjectorError：没有DomSanitizer的提供者！'

是否有人能够使这项工作或任何人知道任何其他提供此类功能的库？我只需要它来支持pngs

Answer 1

我认为你正在尝试使用sanite网址为你的图像src ..它可能吗？ ..我很记得导入它.. 如果你不这样做..那么试着这样实现：

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Pipe({
  name: 'safeHtml'
})
export class SafeHtmlPipe implements PipeTransform {

  constructor(private sanitizer: DomSanitizer) { }

  transform(value: any, args?: any): any {
    return this.sanitizer.bypassSecurityTrustHtml(value);
  // or
 // bypassSecurityTrustStyle(value: string): SafeStyle
 // bypassSecurityTrustScript(value: string): SafeScript
 // bypassSecurityTrustUrl(value: string): SafeUrl
  }

}

导入它：

@NgModule({
  declarations: [
    AppComponent,

    SafeHtmlPipe

  ],

使用它像：

<img [src]="myUrl | safeHtml" />

希望它可以帮到你

Answer 2

我找到了一个替代的npm包，我可以开始工作，称为ngx-image-viewer（略有不同的拼写）

请注意在添加src输入时必须添加图像URL数组而不仅仅是url字符串的潜在问题。例如

<ngx-image-viewer  [src]="['imagePath']"></ngx-image-viewer>

Angular 5 ngx-imageviewer无法正常工作

2 个答案: