[router] CanActivate and DI

The CanActivate hook is available as a decorator. That’s a bit surprising compared to all the other lifecycle hooks which are simple functions of the component. I understand the reason behind that (the hook is called before the component is instanciated), even if I think the API would be simpler if everything was a function…

If things stay like this, I have a question: will it be possible to use DI in the CanActivate hook?

Do you plan to support something like :

@CanActivate((userService: UserService) => userService.isAdmin())

[brandonroberts]

@btford I think there should be a way to provide a class to the CanActivate instead of a pure function and pass that class through the injector. This could be used for resolving providers also.

Proposal

@Injectable()
class Authenticated implements BeforeActivate {
    constructor(public router: Router) {}

    routerBeforeActivate(next: ComponentInstruction, prev: ComponentInstruction) {
        if (notLoggedIn) {
            this.router.navigate(['/Login']);
            return false;
        }

        return true; // or return promise that resolves to true
    }
}


@CanActivate(Authenticated)
class ProtectedRoute{}

[brandonroberts]

@frederikschubert I have a simple workaround here. I store the application injector and use it to inject dependencies inside the CanActivate function.

http://plnkr.co/edit/SF8gsYN1SvmUbkosHjqQ?p=preview