/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 vote181 views1 answer
How to install popper.js in angular 9
Javascript AngularJS
0 vote179 views1 answer
Ngmodel component angular
Javascript AngularJS
10 votes166 views3 answers
Angular create service command line
Javascript AngularJS
0 vote192 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
0 vote180 views1 answer
Change icon on click angular
Javascript AngularJS
7 votes212 views2 answers
Mouseover event in angular 11
Javascript AngularJS
3 votes182 views1 answer
Ternary operator angular template
Javascript AngularJS
0 vote173 views1 answer
Angular data table push not working
Javascript AngularJS
-3 votes171 views7 answers
Angular
Javascript AngularJS
27 votes165 views5 answers
Create new project angular
Javascript AngularJS