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

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。在模板中使用自定义函数或类方法的标准方法是什么？

如果我使用实例方法，那么如果我收到一个包含属性的Json看起来像Image，我必须在调用方法之前做一个正确的类型转换，如果它在一个方法中则不是很方便嵌套的json。

Answer 1

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

您可以将其设为Image类的非静态getter，也可以定义自定义管道以帮助您将Image转换为imageUrl。