/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

12 votes293 views5 answers
Update angular 10
Javascript AngularJS
0 vote324 views1 answer
Angular Cannot find name 'require'.
Javascript AngularJS
4 votes337 views2 answers
Ws.browser regeneratorRuntime is not defined angular
Javascript AngularJS
0 vote348 views1 answer
Create ew angular app
Javascript AngularJS
0 vote320 views1 answer
Default selected radio button angular material
Javascript AngularJS
0 vote331 views1 answer
Configure column menu in kendo grid angular to hae only locked
Javascript AngularJS
0 vote318 views1 answer
Ngmodel component angular
Javascript AngularJS
6 votes386 views3 answers
How to create a module in angular 9
Javascript AngularJS
2 votes335 views6 answers
Tailwind in angular
Javascript AngularJS
50 votes434 views3 answers
Angularjs substring
Javascript AngularJS