/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

21 votes110 views6 answers
Angular ngclass
Javascript AngularJS
0 vote119 views1 answer
Angular turn text into input
Javascript AngularJS
12 votes107 views5 answers
Update angular 10
Javascript AngularJS
0 vote113 views1 answer
Change dxform label angular
Javascript AngularJS
0 vote99 views1 answer
Warn user before leaving page angular
Javascript AngularJS
0 vote102 views4 answers
Get form control value in angular 8
Javascript AngularJS
0 vote114 views1 answer
Cannot find name 'Position' angular
Javascript AngularJS
0 vote106 views1 answer
Download file on button click in angular 8
Javascript AngularJS
0 vote112 views1 answer
Chartjs angular bar beginAtZero
Javascript AngularJS
0 vote139 views1 answer
Angular absolute routerlink
Javascript AngularJS