Angular 4 - URL-адрес очищенного изображения продолжает запрашиваться

Question

У меня есть изображение, как показано ниже:

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

И imgSource всегда один и тот же после получения один раз. Тем не менее, он продолжает запрашивать изображение снова и снова из сети (см. ).

Однако, если я не использую дезинфицирующее средство, изображение извлекается только один раз, как и ожидалось. Это ошибка дезинфицирующего средства или что-то еще не так?

Answer 1

URL-адрес продолжает запрашиваться, потому что вы дезинфицируете URL-адрес в html, поэтому при обнаружении любого изменения он будет очищать URL-адрес. Если вы измените ChangeDetectionStrategy, он будет вызываться только один раз.

вот пример

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

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