How to refresh element in angular 8 without page reload?

Question

i'm updating database column with a button click, and i want to change the button after click. How can i achieve that without refreshing the page?

Below is my code. and it works fine only if i refresh the page.

    <button *ngIf="solved==1"  class="btn btn-success float-right">Marked</button>
    <button *ngIf="solved==0" (click)="mark()" class="btn btn-warning float-right">Mark </button>

just call the ngOnInit function after you added to the database — arpitansu
– arpitansu, Commented Jun 22, 2019 at 12:13

Nicholas K · Accepted Answer · 2019-06-22 13:48:32Z

4

You can call the ngOnInit() once you are done with the processing logic of mark()

mark() {
  ...
  this.ngOnInit();
}

Also, note that trying to route back to the same page will not work as Angular will not re-route you to the same page without explicitly telling it to.

answered Jun 22, 2019 at 13:48

Nicholas K

15.4k8 gold badges35 silver badges59 bronze badges

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

1 Comment

Jason Over a year ago

Thank you for this. I was stumped because AngularJS seems to do this without it, but wasn't working with Angular.

Collectives™ on Stack Overflow

How to refresh element in angular 8 without page reload?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related