/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

4 votes197 views1 answer
Downgrade angular version in project
Javascript AngularJS
0 vote180 views1 answer
Angular print html
Javascript AngularJS
10 votes204 views3 answers
Pipe of date angular
Javascript AngularJS
3 votes212 views1 answer
Angular copy
Javascript AngularJS
0 vote191 views1 answer
Use promis with date angular
Javascript AngularJS
-1 vote213 views1 answer
How to disable previous date in datepicker using angular 6
Javascript AngularJS
0 vote327 views1 answer
Application pool angular 8
Javascript AngularJS
2 votes215 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
0 vote187 views1 answer
Angular patchValue dynamically
Javascript AngularJS
-1 vote177 views2 answers
Angular form validation date input
Javascript AngularJS