How to get whole array from service Angular?

Question

There is a typical service Angular:

class Service {
    private a: number[] = [];

    constructor() {

        this.a.push(1);

        setTimeout(() => this.a.push(4), 5000);

    }

    getArray() {
        return this.a;
    }
}

Component:

constructor(private service: Service) {
      // How to get whole array from service here and render?
}

How to get whole array from service and render?

question from:https://stackoverflow.com/questions/65938437/how-to-get-whole-array-from-service-angular

Answer 1

// export this class 
export class Service {

// make this public so that it can be accessed in other files after importing this class
   public a: number[] = [];

   constructor() {

    this.a.push(1);

    setTimeout(() => this.a.push(4), 5000);

   }

   getArray() {
    return this.a;
  }
}

Component:

import {Service} from './path_to_service_file';

constructor(private service: Service) {
      // How to get whole array from service here and render?
   console.log(this.service.a) // <- this is your array

}