Accessing class method from console in angular typescript

Question

I need to call the class method through console which intern accesses the class variable and then it reflects on the HTML. I Referred Call a service function from browser console in angular 6 but I was unable to access this keyword.

export class AppComponent {
    title = 'calender-app';
    timeslot: any =  [];

    constructor(){
      window['plotEvent'] = this.plotEvent;
    }
  
    plotEvent(events: Calender[]): void{
    // not able to access this.timeslot when I call it from browser's console.
    this.timeslot.push(...events); // getting error as can't read property timeslot of undefined.
    }

Show us what you have tried. The link you have posted should work. — kai
– kai, Commented Jul 21, 2020 at 6:14

Ahron M. Galitzky · Accepted Answer · 2020-07-21 06:33:38Z

4

I assume that you are trying to access a typescript method on the browsers console.

You can make the entire angular component.ts's variables, methods etc. available to access in the browser console by adding OnInit or in the constructor the following:

Let's say you are trying to access a method within the AppComponent, you go.

OnInit() {
    window['AppComponent'] = this;
}

Or:

constructor() {
    window['AppComponent'] = this;
}

The same works in services too.

Then in the console you go: AppComponent.myMethod()

edited Jul 21, 2020 at 6:33

answered Jul 21, 2020 at 6:27

Ahron M. Galitzky

2,2592 gold badges16 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Akash Mane Over a year ago

This updated the timeslot but the HTML did not reflect the changes.

Ahron M. Galitzky Over a year ago

I don't think that you can refresh the dom with new content. once it was loaded by accessing the console.

Ahron M. Galitzky Over a year ago

You can try in OnInit to call this.plot(events) to see the HTML changes

Collectives™ on Stack Overflow

Accessing class method from console in angular typescript

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related