NGXF
  • 🚀Introduction
  • Get Started
    • Why
    • Installation
  • Concepts
    • Introduction
  • Features
    • Activated Route
    • Call
    • Init
    • Lazy
    • Keep Alive
    • Timeout
    • Track By Key
    • Repeat
    • Virtual Scroll
  • Server Interaction
    • Async
    • Cookies
    • Http
    • Socket.IO
  • Hooks
    • State Hook
    • Effect Hook
    • Reducer Hook
  • Recompose
    • Compose
  • API
    • NgxfModule
    • HttpDirective
    • RouteDirective
    • InitDirective
    • ComposeDirective
    • ReturnDirective
    • TimeoutDirective
    • CookiesDirective
    • AsyncDirective
    • LazyDirective
    • CallPipe
  • Recipes
    • Caching
    • Style Guide
  • Community
    • FAQ
    • Contributing
Powered by GitBook
On this page
  • Example component
  • Call method via function
  • Call method via string
  • Call method with additional arguments
  1. Features

Call

The call pipe will call your component methods are pure pipe.

Example component

An example in COMPONENT.component.ts.

@Component({ ... })
class ExampleComponent {
  method(value: string): string {
    return value && value.toUpperCase();
  }
}

Call method via function

An example in COMPONENT.template.html.

{{ text | call: method }}

Call method via string

An example in COMPONENT.template.html.

{{ text | call: 'method' }}

Call method with additional arguments

An example in COMPONENT.template.html.

{{ text | call: method: 'additional': 'arguments' }}
PreviousActivated RouteNextInit

Last updated 6 years ago