Question

我认为这不仅仅是一个风格问题，而是我想确保我正确地做到这一点。

我有一个我正在调用的端点，它正在烦人地返回一个SVG图像而不是一个完整的jpeg或png，我需要在页面上显示它。我创建了一个调用并获取SVG的服务。该服务从名为getImage（id）的组件中的方法调用。

在我的HTML中，我有类似的内容：

<div [innerHtml]="getImage(id)></div>

我注意到的一件事是，我无法真正检查Chrome中的SVG，因为它会不断更新。我想知道这是否是一个问题，如果是这样，如何解决它？看起来它只是不断调用更新方法，但页面上没有任何变化（据我所知），因此不应该触发更改检测？

Answer 1

我的评论示例：

import { ..., OnInit, ... } from '@angular/core'

@Component({ ... })
export class ...Component implements OnInit {
   private image: string;

   constructor(...) { ... }

   public ngOnInit(): void {
      this.getImage(1); //Get id from somewhere
   }

   private getImage(id): void {
      ...
      this.image = ...;
   }
}

HTML

<div [innerHtml]="image"></div>

Angular2 innerHtml不断更新

1 个答案: