title: Angular Activatedroute Params Always empty
body: <p>I'm trying to build a mailing functionality in my app using angular, the problem is that I want to get parameters from the url to filter the mails. (example : inbox / sent / spam / trash ... etc)</p>
  <p>Here are my Routes :</p>
  <pre><code>export const AppRoutes: Routes= [
    { path : '' , component : MainComponent },
    { path : 'main/:id', component : MainComponent},
  ]
  </code></pre>
  <p>Constructor of my MainComponent :</p>
  <pre><code>constructor(
        private _mailService : MailService,
        private _authService : AuthService, 
        private dialog: MatDialog,
        private activatedRoute : ActivatedRoute
      ) { 
        console.log(&quot;main mailing component ctor&quot;);
        this.activatedRoute.params.subscribe((data)=&gt; console.log(data));
      }
  </code></pre>
  <p>The Problem is that console.log(data) is always giving me an empty object.</p>
  <p>I've tried it with another component and it's working very fine.</p>
  <p>I don't know what I'm doing wrong here.</p>
  <p>Here is my folder / component structure :</p>
  <pre><code>Dashboard
     /Mailing
        /Main
        /SideBar
        Mailing.module.ts
        Mailing.component.ts
        Mailing.routing.ts
        Mailing.component.scss
  </code></pre>
  <p>Here is the url I'm trying to access :
  http://localhost:4200/dashboard/main/1234</p>