base64图像显示对象-在angular中的源中的对象？

export class Base64Image {
  base64String: string;
  width: number;
  height: number;
  style: string;

  constructor(base64String: string, width: number, height: number, style: string) {
    this.base64String = base64String;
    this.width = width;
    this.height = height;
    this.style = style;
  }
}

export class MyComponent {
  base64Image: Base64Image;

  constructor() {
    // 创建Base64图像显示对象
    this.base64Image = new Base64Image('data:image/png;base64,iVBORw0KG...', 100, 100, 'border: 1px solid black;');
  }
}

<!-- 在模板中显示Base64图像 -->
<img [src]="base64Image.base64String" [width]="base64Image.width" [height]="base64Image.height" [style]="base64Image.style">

export class AnotherComponent {
  @Input() base64Image: Base64Image;
}

<!-- 在另一个组件中显示Base64图像 -->
<img [src]="base64Image.base64String" [width]="base64Image.width" [height]="base64Image.height" [style]="base64Image.style">