/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 vote239 views1 answer
@angular/common
Javascript AngularJS
1 vote247 views1 answer
Copy an array without pointer in angular
Javascript AngularJS
0 vote256 views1 answer
Angular mat datepicker timezone
Javascript AngularJS
0 vote231 views2 answers
Unknown Provider angularjs
Javascript AngularJS
0 vote248 views2 answers
Scroll down angular with animation
Javascript AngularJS
121 votes284 views6 answers
New angular project
Javascript AngularJS
1 vote240 views1 answer
How to use lodash in Angular
Javascript AngularJS
0 vote244 views1 answer
Angular2-tree-diagram
Javascript AngularJS
0 vote245 views1 answer
Angular Failed to make request to https://www.gstatic.com/firebasejs/releases.json
Javascript AngularJS
1 vote211 views1 answer
Submit a form on enter angular
Javascript AngularJS