Dynamic template from url

.state('tab.home-detail', {
url: '/home/:homeId',
views: {
  'tab-home': {
    templateUrl: 'templates/home-detail**:homeId**.html',
    controller: 'HomeDetailCtrl'
  }
}

})

I want to make tymplateUrl dynamic. So that when :homeId=01 then templateUrl will be ‘template/home-detail01.html’ when :homeId is 05 then templateUrl will be ‘template/home-detail05.html’

How can I do that. In the above code I tried, but did not get result. Plz help

Hi,
Since the url have to be dynamically changed you should use a function.You have to use route like this.

 templateUrl: ['$stateParams', function ($stateParams) {
        return 'templates/home-detail' + $stateParams.homeId + '.html';
    }],

I tried using this technique to do the same with my app but its not working. I have better detailed code in this link: How to dynamically pass parameter to ionic tabs templateUrl? -

When I click on the Tabs list ion-item, its supposed to go a unique page that is defined in “menu.url” (defined within the .factory(). ). What am I missing here?