使用Angular / UI路由器为视图设置动画

时间:2015-03-10 14:00:30

标签: javascript angularjs angular-ui-router

我是UI路由器的新手。我尝试在ui-view中动画ui-view。

我的作品有一个“视图”类,但这个类并不适用于所有地方。 在我的plnker例子中,我想用我的css制作动画build_txt.html但没有效果。 如果我尝试在我的index.html中添加此类“视图”,那就可以了!

有什么问题?

plunker的示例:

的script.js

.state('build', {
    url: '/build',
    views: {
        '': { templateUrl: 'build.html' },
        'build_txt@build': { templateUrl: 'build_txt.html' }
    }

})

的index.html

  <nav id="top">
    <a href="#/about">about</a>
    <a href="#/build">build</a>
  </nav>

  <div ui-view></div>

build.html

<div>Child</div>
<div class="view" ui-view="build_txt"></div>

build_txt.html

<div>My Content</div>

抱歉我的英语不好,这是我的第一次插话,我是法国人。谢谢!

0 个答案:

没有答案