Angular Tutorial 4 trick how to reload init value when parameter change occurs on the same route. This time I experienced problems with angular 4 when changing parameters on the same route, init data did not change. This problem happens because the Angular does not refresh the page on the same route.
The solution is quite easy, recall the init function when we capture the parameters thrown by the route with the following script.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | contructor( private route: ActivatedRoute){ this.sub = route.queryParams.subscribe(params => { this.param1 = params['param1']; this.param2 = params['param2']; this.initialstate(); }); } initialstate(){ //your init value here } ngOnInit() { // another code // another code // another code // another code this.initialstate(); } |
The above script I got directly from the site https://stackoverflow.com/a/42835928, thanks to gpanagopoulos who have shared.
I created this article in addition to sharing how to complete the reload component on the same router as a reminder for my angular project later on.
Read another article: How to Create Autofocus Directive Certain Elements Angular 4
So this brief article may be useful
Latest posts by Sigit Prasetya Nugroho (see all)
- Tutorial Create Todolist App With Vue Js 2 For Beginners - September 29, 2018
- Create WordPress Slider Without Javascript - August 30, 2018
- Typed.js The Javascript Library For Automatic Text Writing Effects - August 6, 2018