/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

1 vote303 views2 answers
Get input value angular
Javascript AngularJS
9 votes300 views1 answer
Angular ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked.
Javascript AngularJS
17 votes402 views2 answers
Angular random number between 1 and 10
Javascript AngularJS
0 vote300 views2 answers
Same file select angular second time not selected
Javascript AngularJS
0 vote270 views1 answer
Ip address validation regex angular
Javascript AngularJS
0 vote313 views1 answer
Angular 4 execute function from another component
Javascript AngularJS
-1 vote465 views1 answer
An unhandled exception occurred: ENOENT: no such file or directory, lstat 'C:\Users\hp\Desktop\New folder\node_modules' See "C:\Users\hp\AppData\Local\Temp\ng-uhxyh2\angular-errors.log" for further details.
Javascript AngularJS
0 vote282 views1 answer
How to get selected value from between form tags in Angular
Javascript AngularJS
0 vote297 views1 answer
Angular material remove outline
Javascript AngularJS
0 vote316 views1 answer
Angular turn text into input
Javascript AngularJS