Use static function from service in component template

Question

I have created a simple service (MyService) which has a static public function called hello which returns the string "hello"

In another component I import the MyService and want to place the hello output in an expression in a template like so:

{{ myService.hello() }}

I was able to make this work with a non-static method (using the instance injected in the component constructor):

{{ myInstance.hello() }}

but I can't seem to do the equivalent using the static method. The browser complains that hello is not a function. Why not?

Günter Zöchbauer · Accepted Answer · 2017-08-28 17:52:30Z

2

Static methods can't be used in the template directly.
The scope of the template is the component instance and in bindings only identifiers from this scope can be referenced.

export class MyComponent {
  hello = MyService.hello
}

allows

{{hello()}}

answered Aug 28, 2017 at 17:52

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use static function from service in component template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related