angularjs - ui-router 动画不适用于嵌套 View

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" }
    }
})

我使用常见问题解答中默认的 ui-router 建议的过渡样式。

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

这里是JSFiddle带有示例代码。

Answer 1

在您的样式中不要使用 [ui-view] - 但使用 ui-view 选择器 =)

这里是fiddle