/Javascript/AngularJS/Calling angular component method in service

Calling angular component method in service

// -------------------------------------------------------------------------------------
// codes for component
import { JustAService} from '../justAService.service';
@Component({
  selector: 'app-cute-little',
  templateUrl: './cute-little.component.html',
  styleUrls: ['./cute-little.component.css']
})
export class CuteLittleComponent implements OnInit {
  s: JustAService;
  a: number = 10;
  constructor(theService: JustAService) {
    this.s = theService;
  }

  ngOnInit() {
    this.s.onSomethingHappended(this.doThis.bind(this));
  }

  doThis() {
    this.a++;
    console.log('yuppiiiii, ', this.a);
  }
}
// -------------------------------------------------------------------------------------
// codes for service
@Injectable({
  providedIn: 'root'
})
export class JustAService { 
  private myFunc: () => void;
  onSomethingHappended(fn: () => void) {
    this.myFunc = fn;
    // from now on, call myFunc wherever you want inside this service
  }
}

Source: stackoverflow.com

Similar codes

5 votes168 views3 answers
Skip import angular 6
Javascript AngularJS
1 vote212 views1 answer
Copy an array without pointer in angular
Javascript AngularJS
0 vote134 views3 answers
Angular prod environment
Javascript AngularJS
-2 votes208 views2 answers
Bootstrap 4 navbar-collapse not working angular
Javascript AngularJS
0 vote239 views1 answer
How to redirect from login page to other page if user is already logged in in angular using jwt
Javascript AngularJS
0 vote173 views1 answer
Firebase timestamp to date angular
Javascript AngularJS
10 votes178 views2 answers
Angular http request query params
Javascript AngularJS
35 votes342 views4 answers
Angular go to route
Javascript AngularJS
4 votes173 views3 answers
In angular how to get router url without query params
Javascript AngularJS
0 vote223 views1 answer
Angular load on scroll
Javascript AngularJS