innerHTML包含带有管道的HTML内容，这些内容将被忽略

Question

我必须使用 innerHTML 在div中显示内容，该内容包含带有 Angular管道的HTML元素。当我尝试实现它时，管道无法正常工作。

  

在我的HTML中

<div [innerHTML]="myContent">

</div>

  

在我的组件中

imageName = 'sampleImage.jpg';
myContent = "<p> <img src={{ imageName | imagePipe }} /> </p>";

  

imagePipe

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({ name: 'imagePipe' })
export class ImagePipe implements PipeTransform {
  constructor() {}

  transform(content) {
           ....
  }
}

我也尝试过

myContent = "<p> <img [src]="imageName | imagePipe" /> </p>";