/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 vote130 views1 answer
Angular img src binding
Javascript AngularJS
6 votes119 views2 answers
Angular dynamic class
Javascript AngularJS
1 vote130 views1 answer
Onchange event angular select
Javascript AngularJS
1 vote159 views2 answers
Angular library run tests
Javascript AngularJS
0 vote173 views1 answer
Function.bind(this) angular
Javascript AngularJS
0 vote135 views1 answer
Angular {{}} new line
Javascript AngularJS
0 vote119 views1 answer
Use ngfor to make a dropdown in angular from array
Javascript AngularJS
7 votes122 views1 answer
Mouseover angular 6
Javascript AngularJS
-1 vote154 views1 answer
How to do a timer angular
Javascript AngularJS
5 votes126 views3 answers
Angular refresh component on button click
Javascript AngularJS