/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

20 votes383 views2 answers
Responsive grid system angular
Javascript AngularJS
0 vote390 views1 answer
Angular scroll event on div chang width
Javascript AngularJS
1 vote343 views3 answers
Angular dropdown selected value
Javascript AngularJS
0 vote406 views2 answers
How to auto click webpage in angular
Javascript AngularJS
0 vote346 views1 answer
Angular print html
Javascript AngularJS
3 votes338 views1 answer
Ternary operator angular template
Javascript AngularJS
8 votes354 views3 answers
Angular build production
Javascript AngularJS
0 vote368 views1 answer
How to import scss file in angular
Javascript AngularJS
0 vote366 views1 answer
Angular stoppropagatio
Javascript AngularJS
0 vote358 views1 answer
Addclass to elementref angular
Javascript AngularJS