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

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