/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

9 votes189 views2 answers
Material icons angular
Javascript AngularJS
0 vote166 views1 answer
How to update angular core in ionic
Javascript AngularJS
0 vote180 views1 answer
Angular ng build Maximum call stack size exceeded
Javascript AngularJS
4 votes185 views3 answers
Angular pipe first letter uppercase
Javascript AngularJS
0 vote171 views1 answer
Sweetalert angular 8
Javascript AngularJS
1 vote169 views1 answer
Angular passing data to child component
Javascript AngularJS
0 vote180 views1 answer
How to add external link in angular
Javascript AngularJS
0 vote179 views1 answer
Property 'src' does not exist on type 'HTMLElement' angular
Javascript AngularJS
0 vote229 views1 answer
Youtube movie trailer angular
Javascript AngularJS
18 votes214 views2 answers
Check angular version
Javascript AngularJS