/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 vote220 views1 answer
Why my style not come to angular 11
Javascript AngularJS
1 vote200 views2 answers
Apache angular routing
Javascript AngularJS
4 votes276 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
0 vote210 views1 answer
Jwtdecode has no call signatures angular
Javascript AngularJS
0 vote185 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
0 vote212 views1 answer
Angular get element by classname
Javascript AngularJS
0 vote206 views1 answer
Styles in angular component
Javascript AngularJS
6 votes189 views4 answers
Angular url parameter
Javascript AngularJS
0 vote190 views1 answer
How to push object in array in angular from an api
Javascript AngularJS
-1 vote175 views1 answer
How to do a timer angular
Javascript AngularJS