/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 vote220 views1 answer
New date in interpolation angular
Javascript AngularJS
0 vote232 views1 answer
Angular tab change smooth transition
Javascript AngularJS
0 vote283 views3 answers
Order by ascending descending in angular 6 on click of button
Javascript AngularJS
0 vote257 views1 answer
Angular get element by classname
Javascript AngularJS
0 vote232 views1 answer
Angular lazy-loading cli command
Javascript AngularJS
0 vote223 views1 answer
Use ngfor to make a dropdown in angular from array
Javascript AngularJS
0 vote230 views1 answer
Angular property value does not exist on type Event
Javascript AngularJS
0 vote233 views1 answer
Angular 8 enable routing
Javascript AngularJS
5 votes209 views3 answers
We need a server for server side rendering of angular
Javascript AngularJS
0 vote235 views1 answer
Slice pipe in angular
Javascript AngularJS