Angular2 – how to call component function from outside the app

by

I basically followed this answer, but I didn’t want my “outside” code to know anything about NgZone. This is app.component.ts:

import {Component, NgZone, OnInit, OnDestroy} from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: 'app.component.html'
})
export class AppComponent implements OnInit, OnDestroy {
  constructor(private ngZone: NgZone) {}

  ngOnInit() {
    window.my = window.my || {};
    window.my.namespace = window.my.namespace || {};
    window.my.namespace.publicFunc = this.publicFunc.bind(this);
  }

  ngOnDestroy() {
    window.my.namespace.publicFunc = null;
  }

  publicFunc() {
    this.ngZone.run(() => this.privateFunc());
  }

  privateFunc() {
    // do private stuff
  }
}

I also had to add a definition for TypeScript to extend the window object. I put this in typings.d.ts:

interface Window { my: any; }

Calling the function from the console is now as simple as:

my.namespace.publicFunc()

More Related Contents:

  1. Angular 2 – how round calculated number?
  2. Angular/RxJS When should I unsubscribe from `Subscription`
  3. Is it necessary to unsubscribe from observables created by Http methods?
  4. Dynamically add event listener
  5. What is the equivalent of ngShow and ngHide in Angular 2+?
  6. How to inject window into a service?
  7. How to bundle an Angular app for production
  8. Difference between HttpModule and HttpClientModule
  9. How to manually lazy load a module?
  10. flatMap, flat, flatten doesn’t exist on type any[]
  11. How to get current route
  12. Angular 4 validator to check 2 controls at the same time
  13. vs
  14. Multiple conditions in ngClass – Angular 4
  15. angular4 httpclient csrf does not send x-xsrf-token
  16. Angular 2 Basic Authentication not working
  17. How do I get the absolute path of the current page in Angular 2?
  18. Property ‘json’ does not exist on type ‘Object’
  19. Update parent component property from child component in Angular 2
  20. How to use variable to define templateUrl in Angular2
  21. Behaviour subject initial value null?
  22. ‘node-sass’ usage is deprecated and will be removed in a future major version
  23. Observable.of is not a function
  24. How to reset form validation on submission of the form in ANGULAR 2
  25. Angular 4 Lazy loading with named router-outlet not working
  26. angular 6 warning for using formControlName and ngModel
  27. Need BrowserAnimationsModule in Angular but gives error in Universal
  28. Angular 2 disable sanitize
  29. Can I use Angular i18n to translate string literals in typescript code
  30. Angular 2 beta – Select not working (except in Chrome)

Leave a Comment