Я строю статический HTML-сайт с угловым UI-маршрутизатором для навигации. В основном у меня есть один пользовательский интерфейс с несколькими (более 10) HTML-шаблонами (страницами) для загрузки в это представление. Все мои страницы шаблона находятся в каталоге под названием «pages».

Поэтому я хочу знать, можем ли мы определить только одно состояние в $ stateProvider для динамического назначения нескольких URL-адресов шаблонов вместо того, чтобы записывать разные состояния для каждой страницы шаблона HTML (как упомянуто ниже).

$stateProvider
.state('home', {
    url: '/home',
    templateUrl: 'pages/home.html',
    controller: 'homeController',
    controllerAs: 'home'
})
.state('viz', {
    url: '/viz',
    templateUrl: 'pages/viz.html',
    controller: 'vizController',
    controllerAs: 'viz'
})
.state('about', {
    url: '/about',
    templateUrl: 'pages/about.html',
    controller: 'aboutController',
    controllerAs: 'about'
})....

Буду признателен за любую оказанную помощь.