Hi Simon,
This has nothing to do with Angular2 and is basic Javascript programming. I
would suggest that you take a look at some Javascript tutorials if you need
help in that arena. If you need help specifically with Angular2, this is
the forum for you.
That being said...
this._route.navigate(['/login'], {
from: location.toString(),
....
});
Then, follow the tutorial here (
https://angular.io/docs/ts/latest/guide/router.html#!#route-parameters) to
get the parameter back in to your login component.
On Mon, Jul 4, 2016 at 5:48 AM, Simon Azzopardi <
[email protected]> wrote:
> Hi Lucas,
>
> I want the component name so that I can pass it as queryParams to the
> login component and then once log in, user will be taken to the component
> as in the query params, using the router navigate.
>
> Any idea how I can achieve this please?
>
>
>
> On Monday, July 4, 2016 at 3:54:35 AM UTC+2, Lucas Lacroix wrote:
>>
>> I sent you the documentation already.
>>
>> On Sun, Jul 3, 2016, 09:58 Simon Azzopardi <[email protected]>
>> wrote:
>>
>>> HI Lucas,
>>>
>>> thank you for your reply.
>>>
>>> Do you have an example how I can use the location object to get the
>>> current url?
>>>
>>> Thank you
>>>
>>>
>>> On Saturday, July 2, 2016 at 8:36:58 PM UTC+2, Lucas Lacroix wrote:
>>>
>>>> Use the location object:
>>>> http://www.w3schools.com/jsref/obj_location.asp
>>>> Then, when you redirect to the login, pass the current URL as an
>>>> encoded parameter to the login URL.
>>>>
>>>> On Sat, Jul 2, 2016 at 9:41 AM, Simon Azzopardi <
>>>> [email protected]> wrote:
>>>>
>>> Any idea guys please?
>>>>>
>>>>> On Friday, July 1, 2016 at 2:01:12 PM UTC+2, Simon Azzopardi wrote:
>>>>>>
>>>>>> Hi guys,
>>>>>>
>>>>>> hope you're fine.
>>>>>>
>>>>>> I have a dilemma how I can navigate users back to the previous url
>>>>>> where they was after they were redirected to the login page.
>>>>>>
>>>>>> Currently, I have this AuthGuard service:
>>>>>>
>>>>>> import { Injectable } from '@angular/core';
>>>>>> import { CanActivate,
>>>>>> Router,
>>>>>> ActivatedRouteSnapshot,
>>>>>> RouterStateSnapshot } from '@angular/router';
>>>>>> import { AuthService } from './auth.service';
>>>>>>
>>>>>>
>>>>>> import {Observable} from 'rxjs/Observable';
>>>>>>
>>>>>>
>>>>>>
>>>>>>
>>>>>> @Injectable()
>>>>>> export class AuthGuard {
>>>>>>
>>>>>>
>>>>>> constructor(private _authService: AuthService, private _router:
>>>>>> Router) {}
>>>>>>
>>>>>>
>>>>>> canActivate(): Observable<boolean>{
>>>>>> return this._authService.checkIfUserIsLoggedIn()
>>>>>> .map((result) => {
>>>>>>
>>>>>> if (result["_body"] == "true") {
>>>>>>
>>>>>> return true;
>>>>>> } else {
>>>>>> this._router.navigate(['/login'], { queryParams: {message: 'You
>>>>>> must be logged in to access Dashboard!'}});
>>>>>> return false;
>>>>>> }
>>>>>> });
>>>>>> }
>>>>>> }
>>>>>>
>>>>>> Then, I assigned it accordingly to my dashboard routes:
>>>>>>
>>>>>>
>>>>>> export const DashboardRoutes: RouterConfig = [
>>>>>> {
>>>>>> path: '',
>>>>>> redirectTo: '/dashboard',
>>>>>> terminal:true
>>>>>> },
>>>>>> {
>>>>>> path: '/dashboard',
>>>>>> component: DashboardComponent,
>>>>>> canActivate: [AuthGuard],
>>>>>> children:[
>>>>>> {path: '', component: DashboardHomeComponent, canActivate: [
>>>>>> AuthGuard]},
>>>>>> {path: '/jobs', component: JobsComponent, canActivate: [
>>>>>> AuthGuard]}
>>>>>> ]
>>>>>> },
>>>>>> ];
>>>>>>
>>>>>>
>>>>>> Now I would like to know how I can get the previous url ater they
>>>>>> were redirected to the login, to login first.
>>>>>>
>>>>>> Any ideas please?
>>>>>>
>>>>>> thank you in advance.
>>>>>>
>>>>>> Kind Regards
>>>>>>
>>>>> --
>>>>> 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.
>>>>>
>>>>
>>>>
>>>>
>>>> --
>>>> Lucas Lacroix
>>>> Computer Scientist
>>>> System Technology Division, MEDITECH <http://ehr.meditech.com>
>>>> 781-774-2293
>>>>
>>> --
>>> 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.
>>>
>> --
> 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.
>
--
Lucas Lacroix
Computer Scientist
System Technology Division, MEDITECH <http://ehr.meditech.com>
781-774-2293
--
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.
