离子和ng级问题

Question

我在firebase上有一个DataBase就像这样：

{
Dogs {
   Dog1{
       name: 'name1',
       breed: 'breed1',
       sold: true
          }
      }
}

我在离子上有一套牌显示每条狗的信息。

我希望能够在售出的价值为真时更改卡片的css，例如更改背景颜色或设置文字。

可以使用firebase吗？

这是我的尝试：

控制器：

$scope.soldClass = [];

var firebaseObj = new Firebase("https://<MY-APP>.firebaseio.com/Dogs");
 firebaseObj.orderByChild("sold").on("child_added", function(snapshot) {
        console.log(snapshot.key() + " was " + snapshot.val().sold + " sold");
        $scope.soldClass = snapshot.val().sold;
        return $scope.soldClass;

        });

和我的Div：

 <div class="item item-avatar" ng-class="{sold: soldClass == 'true'}"> 
CARD
</div>

问题在于它将类应用于所有卡片，即使在数据库中销售价值为假也是如此。