/Javascript/AngularJS/Different views for Desktop and mobile Angular

Different views for Desktop and mobile Angular

// Route guards would be a good solution for this purpose.

// The MobileGuard would look like this :

export class MobileGuard implements CanActivate {
    constructor(private _router: Router, private _mobileService: MobileService) {}

    canActivate(): boolean {
        const isMobile = this._mobileService.isMobile();
        if(!isMobile) {
            this._router.navigate(['/desktop']);
        }
        return isMobile;
    }
}
// The same for the DesktopGuard.

// The user trying to access any of the routes, would be redirected to the right one.

Source: stackoverflow.com

Similar codes

0 vote148 views1 answer
Angular call function every x seconds
Javascript AngularJS
0 vote153 views1 answer
Mouse wheel event angular for table
Javascript AngularJS
4 votes145 views1 answer
Downgrade angular version in project
Javascript AngularJS
0 vote150 views1 answer
Change form value dynamically angular
Javascript AngularJS
0 vote153 views1 answer
Angular chartjs align legend left
Javascript AngularJS
2 votes162 views1 answer
How to get http request and store the response in a variable in angular
Javascript AngularJS
0 vote151 views1 answer
Installing toast for angular projects
Javascript AngularJS
7 votes143 views1 answer
Angular get previous route
Javascript AngularJS
0 vote145 views1 answer
My drop down link won't work with bootstrap angular
Javascript AngularJS
2 votes154 views2 answers
Angularjs 1.5.6 cdn
Javascript AngularJS