/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

0 vote322 views1 answer
Angular two datepickers
Javascript AngularJS
0 vote281 views2 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^9.0.0-beta || >=9.0.0 <10.0.0, but Angular version 10.0.14 was found instead.
Javascript AngularJS
9 votes264 views1 answer
Angular settimeout
Javascript AngularJS
1 vote278 views1 answer
Angular matdialogref
Javascript AngularJS
0 vote318 views1 answer
How to disable reactive form submit button in Angular
Javascript AngularJS
0 vote314 views1 answer
Percent pipe angular example
Javascript AngularJS
0 vote333 views1 answer
Binding variable with td in angular site:stackoverflow.com
Javascript AngularJS
0 vote318 views2 answers
Ng update angular material
Javascript AngularJS
0 vote345 views1 answer
How to set header in angular 8post
Javascript AngularJS
0 vote341 views1 answer
Saveas angular 6
Javascript AngularJS