/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 vote306 views3 answers
Stripe angular
Javascript AngularJS
1 vote483 views1 answer
Angular amber theme
Javascript AngularJS
1 vote319 views1 answer
Angular infinite scroll
Javascript AngularJS
5 votes340 views2 answers
Angular add object to array
Javascript AngularJS
1 vote307 views1 answer
Angular get current time
Javascript AngularJS
0 vote522 views1 answer
Toggle buttons angular styles
Javascript AngularJS
0 vote293 views1 answer
Scope hierarchy in angularjs
Javascript AngularJS
0 vote309 views1 answer
Angular set attribute value dynamically
Javascript AngularJS
5 votes300 views3 answers
How to run angular
Javascript AngularJS
0 vote297 views1 answer
Angular download blob pdf
Javascript AngularJS