Angular 4-不断要求提供经过处理的图片网址

Question

我的图片如下：

  <img [attr.src]="sanitizer.bypassSecurityTrustUrl(imgSource)">

imgSource在检索一次之后总是相同的。但是，它一直不断地从网络请求图像（请参阅）。

但是，如果我不使用消毒剂，则只能按预期检索图像一次。是消毒剂的错误还是其他错误？

Answer 1

由于您正在清理html中的url，因此会不断请求网址，因此，每当发生更改检测时，都会对url进行清理。如果您更改ChangeDetectionStrategy，则它将仅调用一次。

这是示例

import { Component, Input, ChangeDetectionStrategy } from '@angular/core';

@Component({
  selector: 'mycomponent',
  templateUrl: './mycomponent.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})