AngularJS - 动画重复输入逐一输入

时间:2016-07-08 09:16:59

标签: javascript css angularjs animation

我使用角度和角度动画来设置ng-repeats的输入动画。 多数民众赞成我的HTML

<div class="container" ng-controller="chatController">
        <ul ng-repeat="module in CurrentModules" class="timeline">
            <li ng-repeat="message in module.ServerMessages" class="timeline-inverted" animate-on-load>
                <div class="timeline-panel">
                    <div class="timeline-body">
                        <p>{{message}}</p>
                    </div>
                </div>
            </li>                       
        </ul>

        <div align="center" ng-repeat="answer in module.Answers"  animate-on-load>
            <div ng-switch on="answer.IsButton">
                <div ng-switch-when="true" align="center">
                    <button ng-click="Answer($event, answer.Value)" class="send-btn">{{answer.Text}}</button>
                </div>
                <div ng-switch-when="false">
                    <form>
                        <input ng-model="answer.Text">
                    </form>
                </div>
            </div>
        </ul>
    </div>
</div>

请注意animate-on-load它只是一个允许在页面加载时错开ng-repeate动画的指令。

我的问题 - 在第一次ng-repeat(以及它的动画)结束后是否可以运行第二次ng-repeat?

0 个答案:

没有答案