/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

6 votes154 views1 answer
Get value onChange from mat-select angular
Javascript AngularJS
0 vote130 views1 answer
How to disable reactive form submit button in Angular
Javascript AngularJS
0 vote147 views1 answer
Angular on back skip routes
Javascript AngularJS
1 vote133 views1 answer
Setinterval in angular 6
Javascript AngularJS
1 vote150 views2 answers
Angular disable select dropdown
Javascript AngularJS
43 votes272 views6 answers
Angular check if array is empty
Javascript AngularJS
0 vote139 views1 answer
Angular cli generate component no tests
Javascript AngularJS
1 vote136 views1 answer
Select onchange pass option value in angular 6
Javascript AngularJS
1 vote144 views1 answer
Angular infinite scroll
Javascript AngularJS
6 votes140 views4 answers
Angular bootstrap not working
Javascript AngularJS