angular - 如何在模板中使用类静态方法或自定义函数？

Question

我的课是这样的:

export class Image {
  static getUrl(x: Image) {
      return CONFIG.host + x.url
  }

  constructor(private url: string, public alt: string) {}
}

我的模板是这样的:

<img [src]="Image.getUrl(image)" [alt]="image.alt" >

我的组件是这样的:

export class MyComponent {
  image: Image;
  Image = Image;
}

目前我必须将类本身 Image 手动传递给组件，按顺序使用 Image.getUrl。在模板中使用自定义函数或类方法的标准方法是什么？

如果我使用实例方法，那么如果我收到一个包含类似于Image 的属性的 Json，我必须在调用该方法之前进行适当的类型转换，如果它不是很方便在嵌套的 json 中。

Answer 1

据我所知，没有办法在模板中引用全局变量/类。模板的范围在其托管组件内。

要么让它成为 Image 类的非静态 getter，要么定义一个自定义管道来帮助您将 Image 转换为 imageUrl。