/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 vote357 views1 answer
Application pool angular 8
Javascript AngularJS
4 votes354 views1 answer
Downgrade angular version in project
Javascript AngularJS
10 votes319 views2 answers
Angular emit
Javascript AngularJS
27 votes404 views5 answers
Create new project angular
Javascript AngularJS
0 vote391 views1 answer
Why my style not come to angular 11
Javascript AngularJS
0 vote369 views1 answer
Ng2 validations angular using reactiveforms
Javascript AngularJS
8 votes367 views2 answers
Update formgroup value angular
Javascript AngularJS
1 vote350 views1 answer
Emit resize event in angular
Javascript AngularJS
0 vote341 views1 answer
Sorting json array by key in angular 9
Javascript AngularJS
1 vote360 views1 answer
How to use edit button in angular
Javascript AngularJS