/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 vote263 views1 answer
Hashtag strategy angular
Javascript AngularJS
139 votes349 views6 answers
Angular cli
Javascript AngularJS
0 vote270 views2 answers
Function with return type in angular
Javascript AngularJS
1 vote277 views1 answer
How to concurrently run angular and node
Javascript AngularJS
0 vote251 views1 answer
Angular material dropdown menu
Javascript AngularJS
0 vote246 views1 answer
Angular cli no test
Javascript AngularJS
0 vote259 views1 answer
Put validation on the cell number in angular
Javascript AngularJS
0 vote270 views1 answer
Plyr.js example in angular 10
Javascript AngularJS
0 vote236 views1 answer
Angular dart router without hash
Javascript AngularJS
-2 votes232 views1 answer
Angular http get status code
Javascript AngularJS