How to open different templates depending on angular setting?

Question

JavaScript

There is a route

.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'
        }
      }
  })

How to make it so that when the parameter catid = 123 - then
'filterView': {
templateUrl: 'templates/filter123.html',
controller: 'filCtrl'
},
and when
456
'filterView': {
templateUrl: 'templates/filter456.html ',
controller: 'filCtrl'
},
,
and in all other cases just filter.html ?

Answer 1

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

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

Answer 2

https://docs.angularjs.org/api/ng/directive/ngInclude
But this smacks of g-nocode. Make a directive, pass catid to it.