在组件模板中使用服务中的静态功能

时间:2017-08-28 17:49:16

标签: angular dependency-injection expression

我创建了一个具有静态公共功能的简单服务(MyService) 调用hello,返回字符串" hello"

在另一个组件中,我导入了MyService,并希望将hello输出放在模板中的表达式中,如下所示:

--project

我能够使用非静态方法(使用组件构造函数中注入的实例)来完成此工作:

{{ myService.hello() }}

但我似乎无法使用静态方法做等效的事情。浏览器抱怨hello不是函数。为什么不呢?

1 个答案:

答案 0 :(得分:2)

静态方法无法直接在模板中使用 模板的范围是组件实例,在绑定中,只能引用此范围内的标识符。

export class MyComponent {
  hello = MyService.hello
}

允许

{{hello()}}