AngularJS根据$ scope.bearing

Question

我正在尝试根据范围变量$scope.bearing旋转箭头图像。我已经看到了一些使用CSS类的例子，但没有设置其中的360个，并且必须管理现有的删除并添加一个......听起来不切实际。我确实发现this answer在按钮点击时以编程方式执行它，但我仍然有点不知道如何从我的范围变量设置它而不在控制器中进入某些jQuery时值已更新，如果我这样做，我也可以使用JQuery和CSS。

例如：

locSvc.addUpdateListener(function(pos, dir, spd) {
    console.log("handleLocationChange()");
    $scope.location = pos;
    $scope.bearing = dir;
    $scope.speed = spd;

    $('#bearing-indicator').css({
        "-webkit-transform": "rotate(" + dir+"deg)",
        "-moz-transform": "rotate(" + dir+"deg)",
        "transform": "rotate(" + dir+"deg)"
    });
});