/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 vote230 views1 answer
Filter json array by key in angular 9
Javascript AngularJS
0 vote222 views1 answer
Angular tab change smooth transition
Javascript AngularJS
0 vote204 views1 answer
Angular download blob pdf
Javascript AngularJS
72 votes263 views3 answers
Angular local storage
Javascript AngularJS
-1 vote199 views2 answers
Activate router angular
Javascript AngularJS
1 vote248 views1 answer
Update angular to specific version
Javascript AngularJS
0 vote210 views1 answer
How to set direction based on language in angular
Javascript AngularJS
0 vote203 views1 answer
Material icon button angular
Javascript AngularJS
0 vote226 views1 answer
Saveas angular 6
Javascript AngularJS
15 votes234 views3 answers
Angular input decimal pipe
Javascript AngularJS