angular - Angular 4 - 不断请求经过消毒的图像网址

Question

我有如下图像：

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

并且imgSource在检索一次后总是相同的。但是，它不断地从网络上一次又一次地请求图像（请参阅 参考资料）。

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

Answer 1

不断请求 URL，因为您正在清理 html 中的 url，因此当发生更改检测时，它将清理 url。如果你改变了，ChangeDetectionStrategy那么它只会调用一次。

这是示例

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

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