title: Changing params in route
body: <p>I'm working on a project where I need two languages for GUI. I've got LangService which provides phrases for every component. Every component fetches the active language based on current route and request phrases from LangService.</p>
  
  <p>My question is... I need to have my "languages switch" inside my navbar, which is in the main "app.component". Navbar is always at the top, so I have access to it from every component. I want to be able to click the button in the navbar and change current route (change current language). How is it possible?
  I thought there is a way to change <code>route.params</code>. That Way I would change <code>route.params['lang'] = 'EN'</code>;</p>
  
  <p>AppComponent.html: </p>
  
  <pre><code>&lt;nav class="navbar navbar-default"&gt;
    &lt;div class="container-fluid"&gt;
      &lt;div class="navbar-header"&gt;
        &lt;a class="navbar-brand" href="#"&gt;{{ title }}&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
        &lt;ul class="nav navbar-nav navbar-right"&gt;
          &lt;ol class="breadcrumb"&gt;
            &lt;li *ngFor="let lang of langs"&gt;&lt;a (click)="changeLanguage()"&gt;{{ lang }}&lt;/a&gt;&lt;/li&gt;
          &lt;/ol&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/nav&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>AppComponent.ts (How I thought it would work):</p>
  
  <pre><code>export class AppComponent {  
    changeLanguage() {
      // catch the route params lang
      // change route params
      // set new route
    }
  }
  </code></pre>