/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

1 vote178 views1 answer
Angular architecture patterns
Javascript AngularJS
0 vote175 views1 answer
Ip address validation regex angular
Javascript AngularJS
0 vote181 views1 answer
Angular load json file with httpclient
Javascript AngularJS
0 vote182 views1 answer
Angular append to FormControl errors
Javascript AngularJS
0 vote177 views1 answer
Binding variable with td in angular site:stackoverflow.com
Javascript AngularJS
0 vote204 views1 answer
Angular scroll event on div chang width
Javascript AngularJS
2 votes185 views2 answers
Angular pipe conditionally
Javascript AngularJS
0 vote181 views1 answer
Add icon to angular
Javascript AngularJS
7 votes195 views4 answers
Refresh current component angular
Javascript AngularJS
-1 vote174 views1 answer
Angular router return back
Javascript AngularJS