如何刷新 angular 组件

Question

I'm building a mobile app using ionic 4 and it's two languages ar and en , the menu drawer is a pre-built component.

So I need to refresh the drawer component to get's the right styles based on the dom direction rtl or ltr

What I'm doing now is just location.reload reloading the whole app but I don't think that a good approach for doing that

Answer 1

Simplest way to do is to call ngOnInit something like

fn() {
    this.ngOnInit();
}

Or try this

this.router.navigateByUrl('/RefreshComponent', { skipLocationChange: true })
  .then(() => {
      this.router.navigate(['Your actualComponent']);
}); 

Answer 2

call this method whenever you want to reload your page.
that will reload the page

 window.location.reload();

Answer 3

For Refreshing or re drawing the component use thechangeDetectionStratergy

so inject the ChangeDetectionRef Service in the component where you using the build-in component so on any event call the detectChange method for redrawing the component.