title: Nativescript Back Button not redirecting to the correct page
body: <p>I am trying to create an Angular 2 component for Android that displays the content of a specific <strong>path</strong>. For this I created the following app-routing.module:</p>
  
  <pre><code> @NgModule({
    imports: [
      NativeScriptRouterModule.forRoot([
        { path: '', component: HomeComponent },
        { path: 'folder-content/:path', component: FolderContentComponent },
  
      ])
    ],
    exports: [NativeScriptRouterModule]
  })
  </code></pre>
  
  <p>For completeness, here is the xml for folder-content.xml</p>
  
  <pre><code>&lt;StackLayout&gt;
      &lt;GridLayout row="auto, *" row="2"&gt;
          &lt;ListView [items]="getContent(currentPath)"&gt;
              &lt;template let-item="item"&gt;
                  &lt;GridLayout columns="auto, *"   [nsRouterLink]="['/folder-content', item.path]"&gt;
                      &lt;GridLayout columns="auto" rows="auto" cssClass="favorite-wrap"&gt;
                          &lt;Image id="imgFav" [src]="item.isFile() ? 'res://ic_add_to_fav_1': 'res://folder'" stretch = "none" cssClass="icon-image"&gt;&lt;/Image&gt;
                      &lt;/GridLayout&gt;
                      &lt;StackLayout col="1"&gt;
                          &lt;Label [text]="item.name" cssClass="info-bigger"&gt;&lt;/Label&gt;
                          &lt;Label [text]="item.path" cssClass="info-orange"&gt;&lt;/Label&gt;
                      &lt;/StackLayout&gt;
                  &lt;/GridLayout&gt;
              &lt;/template&gt;
          &lt;/ListView&gt;
      &lt;/GridLayout&gt;
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p>Each time I tap on a list item, I want to navigate to the same page, but with a different parameter (This works as expected).</p>
  
  <p>The problem is when I try to navigate back (using the physical back button) I get redirected to the HomeComponent instead of FolderContentComponent.</p>
  
  <p>I tried printing the router events to get more information using the following snippet:</p>
  
  <pre><code> router.events.forEach((event) =&gt; {
       console.log(event);
      });
  </code></pre>
  
  <p><em>I get the following when navigating from  <strong>the default path</strong> to <strong>folder-content +'/'</strong> as a parameter:</em></p>
  
  <pre><code>JS: NavigationStart(id: 19, url: '/folder-content/%2F')
  JS: RoutesRecognized(id: 19, url: '/folder-content/%2F', urlAfterRedirects: '/folder-content/%2F', state: Route(url:'', path:'') { Route(url:'folder-content/%2F', path:'folder-content/:path') } )
  JS: NavigationEnd(id: 19, url: '/folder-content/%2F', urlAfterRedirects: '/folder-content/%2F')
  </code></pre>
  
  <p><em>I get the following when navigating from  <strong>folder-content +'/'</strong> to <strong>folder-content +'/sdcard':</em></strong></p>
  
  <pre><code>JS: NavigationStart(id: 20, url: '/folder-content/%2Fsdcard')
  JS: RoutesRecognized(id: 20, url: '/folder-content/%2Fsdcard', urlAfterRedirects: '/folder-content/%2Fsdcard', state: Route(url:'', path:'') { Route(url:'folder-content/%2Fsdcard', path:'folder-content/:path') } )
  JS: NavigationEnd(id: 20, url: '/folder-content/%2Fsdcard', urlAfterRedirects: '/folder-content/%2Fsdcard')
  </code></pre>
  
  <p><em>However, when pressing the back button I would expect to navigate from f<strong>older-content +'/sdcard'</strong> to <strong>folder-content + '/'</strong> but in stead I get redirected to '' (HomeComponent)</em></p>
  
  <pre><code>JS: NavigationStart(id: 21, url: '/')
  JS: RoutesRecognized(id: 21, url: '/', urlAfterRedirects: '/', state: Route(url:'', path:'') { Route(url:'', path:'') } )
  JS: NavigationEnd(id: 21, url: '/', urlAfterRedirects: '/')
  </code></pre>
  
  <p><em>It's important to mention that I am using <strong>page-router-outlet</strong> and not the standard Angular router.</em></p>
  
  <p><em>TNS version: 2.5.1</em>, 
  <em>Angular version: 2.4.3</em>, 
  <em>Android platform  6.0.1</em></p>