指令模板内的 ng-repeat 在测试期间不会更新

Question

我有一个角度指令的单元测试。该指令在其模板内有一个ng-repeat，它绑定到指令控制器内的一个数组。当控制器中的方法被调用时，数组会发生变化（这个方法实际上是由一个子指令调用的，比如addMe()）。 这在“现实生活”中效果很好，但在 Jasmine 单元测试中却不行。我可以在调试器中看到，所有内容都被调用并且数组具有正确的内容，但不知何故 ng-repeat 不会更新。我什至尝试在更改数组后在控制器内部调用$scope.$digest()，但这也不起作用。 有什么帮助吗？ 丹尼尔

模板的相关部分是：

    <div class="step-wizard-header">
        <div class="step" 
            ng-repeat="title in titles" 
            ng-click="selectPage($index, 0)" 
            ng-class="{ active: currentIndex == $index, done: currentIndex > $index }">
            <span class="number">
                {{$index + 1}}
            </span>
            <span class="title">
                {{title.text}}
            </span>
            <div class="substep-holder" 
                ng-show="currentIndex == $index">
                <div class="substep" 
                    ng-repeat="sub in title.subs" 
                    ng-click="selectPage($parent.$index, $index); $event.stopPropagation()" 
                    ng-class="{ active: currentSubIndex == $index, done: currentSubIndex > $index      }">
                    {{sub.text}}
                </div>
            </div>
            <div class="right-arrow" 
                ng-style="{ 'z-index': (titles.length - $index) }">
            </div>
        </div>
    </div>

Answer 1

问题是由于ng-animate的版本不兼容造成的。更新所有内容（目前为 1.2.13）解决了这个问题。