See
also
http://stackoverflow.com/questions/36767520/angular2-router-changing-route-doesnt-load-the-component-for-first-time
On Thursday, April 21, 2016 at 1:20:00 PM UTC+2, vineet dev wrote:
>
> I am changing the route of angular2 application from '/' to '/xyz'. For
> 'xyz' I have made a component named XYZComponent. This XYZComponent
> implements a hook for router lifecycle named "CanActivate". In this hook I
> am changing the title of the page for new route.
>
> @CanActivate((next, prev) => {
> document.title = "mysite | xyz"
> return true;
> })
>
> Then I implement OnInit for this component and call the method
> "ngOnInit()". In this method I am calling the server to give me some data.
> This data is stored in a variable named xyzData, which is binded to the
> template. My template is:
>
> <div class="xyzComp">
> <p>{{xyzData.msg}}</p>
> </div>
>
> OnInit is:
>
> ngOnInit(){
> console.log("xyz component init");
> this._myRestfulService.getXyz()
> .subscribe(data => {
> console.log("success",data);
> this.xyzData = data;
> }, err => {
> this.xyzData = {msg:"cannot get data"};
> console.log("error", err);
> });
> }
>
> Changing the route is done by calling _route.navigate(["XYZ"]) from the
> click of a button named xyzBtn, which is present in the header of my app.
> The header is constant for all the routes.
>
> Problem is that when I click on xyzBtn for first time it calls only
> whatever written in @CanActivate decorator of XYZComponent. Next time when
> I click xyzBtn,@CanActivate is not called but this time ngOnInit() is
> called.
>
> Please help me on this. This problem occurs only when I deploy my code on
> server. The deployment server is NGINX server. On nginx server we have
> configured to ignore frontend routes.
>
> However my code works perfectly well on development server which is a npm
> module named lite-server.
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
