/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 vote158 views1 answer
Angular chartjs align legend left
Javascript AngularJS
1 vote163 views1 answer
Create an array of numbers by numbers range in angular
Javascript AngularJS
0 vote157 views1 answer
Disable button based on condition angular
Javascript AngularJS
0 vote139 views1 answer
Angular cli change serve port
Javascript AngularJS
0 vote166 views1 answer
Const link = document.createElement('a'); angular10
Javascript AngularJS
0 vote140 views1 answer
Angular material change placeholder color
Javascript AngularJS
0 vote160 views1 answer
Refresh a kendo ui widget, when options on AngularJS $scope change
Javascript AngularJS
0 vote160 views1 answer
Angular material open last visited tab
Javascript AngularJS
18 votes199 views6 answers
Angular cli update
Javascript AngularJS
0 vote154 views1 answer
Angular dart router without hash
Javascript AngularJS