/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

25 votes363 views6 answers
How to install bootstrap in angular
Javascript AngularJS
0 vote274 views1 answer
Angular 7 selected
Javascript AngularJS
0 vote276 views1 answer
Change items per page pagination angularjs
Javascript AngularJS
1 vote224 views1 answer
Angular matdialogref
Javascript AngularJS
0 vote259 views1 answer
How to get selected value from between form tags in Angular
Javascript AngularJS
1 vote308 views2 answers
Angular project structure
Javascript AngularJS
0 vote287 views2 answers
Passing a variable to the width style div angular
Javascript AngularJS
1 vote257 views1 answer
Your global Angular CLI version is greater than your local version
Javascript AngularJS
0 vote280 views1 answer
Angular pipe json error
Javascript AngularJS
0 vote282 views1 answer
How to make color squares in angular
Javascript AngularJS