/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 vote241 views1 answer
Data table in angular 8 from api
Javascript AngularJS
0 vote209 views2 answers
Angular scroll to element horizontally
Javascript AngularJS
-2 votes195 views1 answer
Angular http get status code
Javascript AngularJS
1 vote280 views1 answer
Angular get current time
Javascript AngularJS
1 vote197 views1 answer
Ngrok angular 8
Javascript AngularJS
0 vote243 views2 answers
Chrome console angular scope
Javascript AngularJS
0 vote212 views1 answer
How to do if condition in kedo column in angular
Javascript AngularJS
0 vote210 views1 answer
Angular browser detector
Javascript AngularJS
0 vote241 views1 answer
Module not found error can't resolve 'rxjs/observable' angular 8
Javascript AngularJS
0 vote189 views1 answer
Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.4.6/$injector/modulerr?p0=myApp
Javascript AngularJS