/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

17 votes154 views1 answer
Angular delete component full
Javascript AngularJS
1 vote204 views1 answer
Dynamic component angular parameters
Javascript AngularJS
-1 vote215 views1 answer
Angular access form control value
Javascript AngularJS
0 vote192 views2 answers
Properly import mat icon angular 10
Javascript AngularJS
0 vote181 views1 answer
Timeout httppost angular
Javascript AngularJS
-1 vote209 views1 answer
How to do a timer angular
Javascript AngularJS
0 vote248 views1 answer
Angular chart
Javascript AngularJS
0 vote188 views1 answer
Import jquery into angular 8
Javascript AngularJS
1 vote187 views2 answers
Change font size of angular material tooltip
Javascript AngularJS
9 votes203 views2 answers
Material icons angular
Javascript AngularJS