Angular 7 - Unload Component and Load again

Asked Dec 21 '18 at 14:08

Active Dec 21 '18 at 14:18

Viewed 1,108 times

I have a form that I submit and it is available at any route. If I submit the form, it will then load my component, but when I submit my form twice with different params, my component is not reloaded.
I guess Angular does not load the current component, if it already was loaded, but in this case I actually want that because the user gave new data.

Please do not judge I am not an angular pro.

Some code:

some-form-component.component.ts (onSubmit is called when submitting the form):

onSubmit() {
  if (some-form-component.isFormDataValid(this.formData)) {
    this.router.navigate([this.formData.a, this.formData.b, this.formData.c]);
  } else {
    this.snackBar.open(
      'Some error message.',
      'OK',
      {
        duration: 4000,
      });
  }
}

FullUrl would later be aaa.com/search/a/b/c for example.

edited Dec 21 '18 at 14:18

asked Dec 21 '18 at 14:08

TheKeymaster

can you provide code?. Relevant code. – Yoarthur Dec 21 '18 at 14:13
Sure @Yoarthur. – TheKeymaster Dec 21 '18 at 14:19
1

I found the answer in https://stackoverflow.com/a/45737269/6281648 :). No more need of helping ;). – TheKeymaster Dec 21 '18 at 14:31
you should subscribe to `route.paramMap` in component onInit. By design if there is no route change the component will not reload. – nircraft Dec 21 '18 at 14:32
@nircraft is right. You should not force the component to reload. Use this solution instead : https://stackoverflow.com/a/53190384/5573733 – KevinTale Dec 21 '18 at 14:43

Angular 7 - Unload Component and Load again

0 Answers0