Как открыть разные шаблоны в зависимости от параметра angular?

Question

[Александр]

Есть роут

.state('app.catID', {
    url: '/catid/:catID',
    views: {
        'menuContent': {
          templateUrl: 'templates/category.html',
          controller: 'catCtrl'
          },
        'filterView': {
          templateUrl: 'templates/filter.html',
          controller: 'filCtrl'
        },
          'sideView': {
           templateUrl: 'templates/category/category_dynamic.html',
           controller: 'categoryMenuCtrl'
        }
      }
  })

Как сделать, чтобы когда параметр catid = 123 - то
'filterView': {
templateUrl: 'templates/filter123.html',
controller: 'filCtrl'
},
, а когда
456
'filterView': {
templateUrl: 'templates/filter456.html',
controller: 'filCtrl'
},
,
а во всех других случаях - просто filter.html ?

Answer 1

[Mikhail Osher]

angular-ui.github.io/ui-router/site/#/api/ui.route...

filterView: {
    templateUrl: function (params) {
      return 'templates/filter' + params.catID + '.html';
   }
}

Answer 2

[bromzh]

https://docs.angularjs.org/api/ng/directive/ngInclude

Но это попахивает г-нокодом. Делай директиву, в неё передавай catid.