/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 vote248 views1 answer
Radio button in reactive forms angular material
Javascript AngularJS
0 vote217 views1 answer
Angular cli spec test false
Javascript AngularJS
0 vote229 views1 answer
Navigate to route and refresh angular 6
Javascript AngularJS
0 vote199 views1 answer
Angular inner page in refresh 404 after ng build
Javascript AngularJS
6 votes254 views2 answers
Auto generate component angular
Javascript AngularJS
0 vote250 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
1 vote240 views1 answer
No directive found with exportas 'ngmodel' angular 10
Javascript AngularJS
0 vote248 views1 answer
Use promis with date angular
Javascript AngularJS
0 vote257 views1 answer
How to find element in array angularjs
Javascript AngularJS
1 vote232 views1 answer
Form input field readonly angular
Javascript AngularJS