/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 vote284 views2 answers
Add dynamic value to id attribute in angular 8
Javascript AngularJS
0 vote270 views1 answer
How to add jquery.zoom in angular
Javascript AngularJS
0 vote289 views1 answer
Angular erro ao adicionar um projeto no firebase Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
0 vote290 views1 answer
Angular store select method
Javascript AngularJS
0 vote270 views1 answer
Join two arrays angular
Javascript AngularJS
2 votes260 views2 answers
Angular usehash not working
Javascript AngularJS
0 vote278 views2 answers
Animate on scroll angular
Javascript AngularJS
0 vote277 views1 answer
Angular Espanol
Javascript AngularJS
0 vote295 views1 answer
How to convert date format using date pipe in angular
Javascript AngularJS
16 votes335 views3 answers
Generate module with routing in angular
Javascript AngularJS