使用AngularJS＆amp ;;确定$ scope中对象的位置已更改jQuery的？

Question

我正在开发一个记分板，以异步方式向应用用户显示实时分数。

写入JSON文件，然后AngularJS提取该数据并刷新$scope.scores值。

除了确定哪里数据已更改外，这一切都很敏锐，所以我只能在值已更改的div上执行一个函数。我正在使用对象相等$watch来检测更改，但这并没有告诉我到目前为止我收集的内容......

$scope.$watch('data',function(newVal,oldVal){
    log('data has changed');
},true);

我的目标是在变化时将分数变为不同的颜色。我怎么能这样做？

图我的DOM结构类似于：

<div class='game'>
    <div class='home'>88</div>
    <div class='away'>75</div>
</div>
<div class='game...

我的$ scope.scores对象就像：

{
  "Saturday, March 7th, 2015": {
    "610": {
      "away": {
        "scores": 9
      },
      "home": {
        "scores": 2
      }
    }
  }
}

欢迎任何解决方案！