2015-10-08 84 views
3

我以父 - 子格式使用ui路由器阶段,并且每次更改路由器状态时无法获取状态转换动画以运行。当我第一次打开一个状态时,动画正在工作,但是当切换到不同的子状态时,不会显示动画。ui路由器动画在嵌套视图上不起作用

我的状态配置,那么以下内容:

.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与示例代码。

回答

3

在你的风格不使用[ui-view] - 但使用ui-view选择=)

这里是fiddle

+1

我觉得如此盲目:)我混合标签和属性的使用,所以它的工作的属性但不是标签。谢谢,再也找不到我自己了。 – georgelx