Url does not change when clicking on tabs

Question

I am using Ionic 3, and clicking on the tabs does not refresh Url, despite using tabUrlPath. Below is the code code:

  <ion-tabs tabsPlacement="top" tabsHighlight="true">
    <ion-tab tabTitle="Details" [root]="details" tabUrlPath="details"></ion-tab>
    <ion-tab tabTitle="Issues" [root]="issues" tabUrlPath="issues"></ion-tab>
  </ion-tabs>

Any idea what is missing? Any help would be greatly appreciated.

Answer 1

did you assign any page component to 'details' and 'issues' variables ?
//tabs.ts

import {DetailsPage} from './details/details'
import {IssuesPage} from './issues/issues'

class TabsPage{
    details = DetailsPage; 
    issues = IssuesPage;
    constructor(){
    }

}