Имена динамических представлений в состояниях маршрутизатора пользовательского интерфейса в AngularJS

Question

у меня есть ui-view,

    <div ui-view="filtersView_ModalA" class="filter-container"></div>

Теперь я хочу создать общие маршруты, так что в будущем, если потребуется реализация какого-либо нового filterView, например,

    <div ui-view="filtersView_ModalB" class="filter-container"></div>

Мой route может справиться с тем же.

Я получаю ModalA или ModalB от stateParams.prodType.

    .state('Modal.tabs', {
        url: .......,
        views: {

            'filtersView_{{stateParams.prodType}}@Modal.tabs': {
                templateUrl: function(stateParams) {
                // stateParams.prodType works here
                .....

            },

Это не работает.

Я тоже пробовал, 'filtersView_' + stateParams.prodType + '@Modal.tabs' : {

Ничего не сработало.

или can I declare a constant and concat the values in view names?

Я что-то не так делаю?

Answer 1

Нет, вы не можете составить имя представления.

Но вы можете сделать это, используя именованные представления в разных состояниях. Вы можете указать, какой компонент должен отображаться в представлении, в каком состоянии. Подробнее смотрите в документации: https://github.com/angular-ui/ui-router/wiki/Nested-States-and-Nested-Views

А также эта запись: https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views