$ rootScope在视图中不会更新

Question

在我的控制器中

$rootScope.products = []
$rootScope.forCheckout = []

//I initialize the $rootScope.products and has values

$scope.add = function() {
    //Some code


    // This updates forCheckout
    myService.function(); 
}

在视图中

<div ng-repeat="items in products">
  {{item.attribute}}

  <button ng-click="add()"></button>

</div>

//首先是空的。当我单击按钮时，它会更新$ rootScope.forCheckout，但视图中没有任何变化

<div ng-repeat="items in forCheckout">
   {{item.name}}
</div> 

我的观点没有更新forCheckout，但我的控制台上更改了实际的$ rootScope.forCheckout。

我已经尝试了

setTimeout(function() {
   $rootScope.$apply();
},1000)

但没有改变......