Angular 6 , Send Variable from service to component

Question

I want to pass the result of a function on my service, to my component.

Service:

import { Injectable } from '@angular/core';

@Injectable()
export class passVarHelper {

  header: string;

  constructor() {
    this.header = "Title";
  }


  passindexToHeader(index:string) {
    this.header = index;
    this.takeindexToHeader();
  }

  takeindexToHeader() {
    return this.header;
  }
}

And receive the result on this function in my component:

loadIndex() {
  this.indexSelected = this._passVarHelper.takeindexToHeader();
}

Answer 1

To use a function from a service in Angular you will want to pass that service into your component

// component.ts
constructor( private myService: passVarHelper ){ }

public loadIndex() {
    this.indexSelected = this.myService.takeindexToHeader();
}