/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 vote121 views1 answer
Angular radio box already showing checked
Javascript AngularJS
0 vote115 views1 answer
Angular store select method
Javascript AngularJS
0 vote121 views1 answer
Angular get name of component
Javascript AngularJS
1 vote115 views1 answer
Angular passing data to child component
Javascript AngularJS
0 vote112 views1 answer
Angular patchValue dynamically
Javascript AngularJS
0 vote120 views1 answer
Mac address validation regex angular
Javascript AngularJS
1 vote136 views1 answer
If 'ion-item' is an Angular component, then verify that it is part of this module.
Javascript AngularJS
1 vote143 views2 answers
Angular library run tests
Javascript AngularJS
0 vote117 views1 answer
Angular ng default scss
Javascript AngularJS
10 votes123 views3 answers
Eventemitter in angular
Javascript AngularJS