ui-router动画不适用于嵌套视图

Question

我使用父子格式的ui-router阶段，每次更改路由器状态时都无法运行状态转换动画。当我第一次打开状态时动画正在工作，但是当切换到不同的子状态时，不显示动画。

我的状态配置如下：

.state('nointro', {
    abstract: true,

    views: {
        "main": { templateUrl: "partials/nointro.html" },
        "content": {  }
    }
})

.state('url1', {
    cache: false,
    url: '^/url1',
    parent: 'nointro',
    views: {
        "content": { templateUrl: "partials/url1.html" }
    }
})

.state('url2', {
    cache: false,
    url: '^/url2',
    parent: 'nointro',
    views: {
        "content": { templateUrl: "partials/url2.html" }
    }
})

我使用FAQ中的默认ui-router建议过渡样式。

即使父状态没有改变，我想要的是每个状态变化的动画。这可能吗？

以下是JSFiddle，其中包含示例代码。

Answer 1

在你的风格中不要使用[ui-view] - 但使用ui-view selector =）

这是fiddle