Question

我有ui-view，

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

现在，我想制作通用路由，以便今后如果有任何新的filterView需要实现，比如说，

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

我的route可以处理相同的内容。

我从 stateParams.prodType获取ModalA或ModalB。

    .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

AngularJS中ui路由器状态中的动态视图名称

1 个答案: