/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

16 votes198 views3 answers
Generate module with routing in angular
Javascript AngularJS
0 vote155 views1 answer
Angular append to FormControl errors
Javascript AngularJS
0 vote166 views2 answers
Set @Output through modalref angular
Javascript AngularJS
0 vote163 views1 answer
Update angular website firebase
Javascript AngularJS
0 vote154 views1 answer
Angular : pass data to component loaded via route
Javascript AngularJS
0 vote154 views1 answer
Property 'src' does not exist on type 'HTMLElement' angular
Javascript AngularJS
0 vote201 views1 answer
How to remove angular package
Javascript AngularJS
0 vote110 views1 answer
Javascript console log angularjs $scope data
Javascript AngularJS
0 vote159 views1 answer
Reload page angular one time
Javascript AngularJS
0 vote166 views1 answer
Angular Quick Tip: Binding Specific Keys to the Keyup and Keydown Events
Javascript AngularJS