/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 vote160 views1 answer
Use promis with date angular
Javascript AngularJS
28 votes334 views6 answers
Angular routing example
Javascript AngularJS
0 vote165 views2 answers
How to define width with [styles] in percentage in angular
Javascript AngularJS
0 vote154 views1 answer
Selected angular select
Javascript AngularJS
0 vote170 views1 answer
Angular object sort by key
Javascript AngularJS
0 vote234 views1 answer
Trim angular material input with ellipsis
Javascript AngularJS
4 votes220 views1 answer
Ng add angularFire2
Javascript AngularJS
6 votes204 views2 answers
Hide and show in angular 8
Javascript AngularJS
2 votes175 views1 answer
Angular 9 how to get previous state
Javascript AngularJS
1 vote160 views3 answers
Angular directive
Javascript AngularJS