/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

7 votes169 views2 answers
How to assign port in angular
Javascript AngularJS
7 votes160 views2 answers
Angular 6 key value pair getvalue example
Javascript AngularJS
1 vote213 views2 answers
Add dynamic value to id attribute in angular 8
Javascript AngularJS
0 vote164 views1 answer
Use promis with date angular
Javascript AngularJS
0 vote175 views1 answer
Angular http loader
Javascript AngularJS
0 vote168 views1 answer
ANGULAR locale fr
Javascript AngularJS
30 votes342 views5 answers
Angular bootstrap
Javascript AngularJS
1 vote164 views2 answers
Angular img tag
Javascript AngularJS
0 vote371 views2 answers
Show password eye icon angular 9
Javascript AngularJS
121 votes325 views6 answers
New angular project
Javascript AngularJS