ng-if处于ng-leave阶段时内容未更新

Question

如果运行此代码段：

<div ng-init="o={i:1}" ng-click="o.i = o.i + 1">
    <h1>{{o.i}}</h1>
    <div class="test" ng-if="o.i < 3" style="transition: 3s all;">
        <h1>{{o.i}}</h1>
    </div>
    <button ng-click="o.i=0">reset</button>
</div>

[{{o.i}}]会显示每次点击的递增数字，但是一旦o.i=3，内部的h1仍会显示{{2}}，尽管它不会再隐藏3秒钟。是否有可能更新直到动画完成并且该项目被隐藏？

Answer 1

将ng-if更改为ng-show：