/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

2 votes132 views1 answer
Remove single item from array in angular
Javascript AngularJS
0 vote134 views1 answer
Retrieve list by id from firebase angular
Javascript AngularJS
7 votes134 views4 answers
Angular js
Javascript AngularJS
0 vote145 views1 answer
Firebase timestamp to date angular
Javascript AngularJS
0 vote185 views1 answer
Switch element array angular
Javascript AngularJS
7 votes128 views2 answers
Angular 6 key value pair getvalue example
Javascript AngularJS
0 vote162 views2 answers
Angular call child method from parent
Javascript AngularJS
0 vote142 views1 answer
Configure angular router apache
Javascript AngularJS
0 vote96 views1 answer
Angular material inline list
Javascript AngularJS
0 vote131 views1 answer
Add route angular 3
Javascript AngularJS