我可以使用angularjs ngAnimate交叉淡化li元素

Question

我正在尝试理解angularJS并编写了以下fiddle，这是一个非常简单的消息代码。

通过更改其中一个li元素的CSS显示属性来显示消息。

    <div id="ngtickerMessage"  class="ngtickerMessage">
        <ul >
            <li ng-style="{display:setVisible($index)}" data-ng-repeat="msgObj in msgs track by $index">{{msgObj.msg}}</li> 
        </ul>
     </div> 
</div>

是否可以使用ng-style属性基于ngAnimate（交叉）淡化li元素的内容？

Answer 1

我在opacity的{​​{1}}中使用display代替ng-style，并为其添加了CSS li。的 FIDDLE 即可。希望它有所帮助。