In @NgModule, how to open different component due to something like user type

Question

In @NgModule , how to open different component due to something like user type?

I have a NgModule , have two different pages, and I want to open different page due to the user type

@NgModule({
imports: [ SharedModule ,RouterModule.forChild([
{ path: 'edit', component: EditComponent },
{ path: 'view', component: ViewComponent }
])],

declarations: [
EditComponent, ViewComponent
],

})
export default class MainModule { 
constructor(private u:UserService){
   //------

   //------
} 
}

the environment is : RC5

What is "user type" and where does it come from? Do you want the user type to be reflected in in the browsers URL bar? You can just use <div *ngIf="userType=='x'">x</div><div *ngIf="userType=='y'">y</div>` — Günter Zöchbauer
– Günter Zöchbauer, Commented Aug 24, 2016 at 9:21
thank you, like if(u.type=='manager') navigate('edit'); else navigate('view'); — jjlgjkkl
– jjlgjkkl, Commented Aug 24, 2016 at 9:33

Marcel Hoekstra · Accepted Answer · 2016-08-24 09:41:00Z

0

Something like this:

 if (this.user.userType === UserType.x1) {
  this.router.navigate(['/edit']); } 
else if (this.user.userType === UserType.x2) {
            this.router.navigate(['/view']);
}

answered Aug 24, 2016 at 9:41

Marcel Hoekstra

1,48814 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:17:36Z

0

Inject the router and call navigate(...)

@NgModule({
  imports: [ SharedModule ,RouterModule.forChild([
    { path: 'edit', component: EditComponent },
    { path: 'view', component: ViewComponent },
  ])],
  declarations: [
    EditComponent, ViewComponent
  ],
})
export default class MainModule { 
  constructor(private u:UserService, router:Router, ){
    if(u.type=='manager') {
      router.navigate(['/edit']);
    } else {
      router.navigate(['/view']);
    }
  } 
}

2 Comments

jjlgjkkl Over a year ago

Unhandled Promise rejection: Bootstrap at least one component before injecting Router.

Günter Zöchbauer Over a year ago

How does your AppModule look like

jjlgjkkl · Accepted Answer · 2016-08-25 05:55:03Z

0

after testing: when in lazy load mode, writting this code in ngModule can cause an infinite loop

constructor(private router:Router){
     console.log("MainModule 39");
     this.router.navigateByUrl("/tabs-demo/tab3");
}

when not in lazy load mode, writting that code in ngModule can cause

Unhandled Promise rejection: Bootstrap at least one component before injecting Router

the answer is: writting that navigation code in the first component.

testing in RC5

thanks.

answered Aug 25, 2016 at 5:55

jjlgjkkl

213 bronze badges

Collectives™ on Stack Overflow

In @NgModule, how to open different component due to something like user type

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related