ng-if 中的 ng-animate 在异步更改 ng-if 条件时不起作用（在回调函数中）

Question

当我在正常功能中更改 ng-if 条件时，我可以使 ng-animate 在 ng-if 中工作，例如

我的看法：

 <div ng-if="!show">
   <a ng-click="showWorld()">Hello</a> 
 </div>
 <div ng-if="show" class="animation">
   Hello world!
 </div>

我在指令中的功能：

 scope.showWorld = function() {
     scope.show = true;
 }

当我调用 showWorld() 函数来改变 ng-if 条件，Hello world！会出现动画，但如果我这样做：

 scope.showWorld = function() {
     Post.test(params, function(){
        scope.show = true;   
     })
 }

Post 是有角度的 $resource，例如： $resource('api/post', {}, {test: {method: 'POST'}})

而且 scope.show 仍然会改变，Hello world！仍然显示，但动画不工作...

我在网上找了半天也没找到答案，谁能告诉我为什么？？

非常感谢！！

Answer 1

您可能需要围绕您的操作函数调用 $scope.$apply()，例如：

scope.showWorld = function() {
     Post.test(params, function(){
        $scope.$apply(function () {
            scope.show = true;   
        });  
     })
 }

您也可以使用$scope.$evalAsync(function(){}) 作为替代