ui-路由器动画不适用于嵌套视图

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-路由器从常见问题解答中建议的过渡样式。

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

这里是 JSFiddle 示例代码。

Answer 1

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

这里是fiddle

ui-路由器动画不适用于嵌套视图

ui-router animations do not work on nested views

animation

config

angularjs

angular-ui-router