Hi Lucas,
Thanks for that.
I was already there but how can i tell router to navigate with the full
url: localhost:1245/dashboard/clients ?
Thanks kinds Regards
On Monday, July 4, 2016 at 12:01:46 PM UTC+2, Lucas Lacroix wrote:
>
> 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] <javascript:>> 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] <javascript:>.
>> To post to this group, send email to [email protected]
>> <javascript:>.
>> 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.
